Explore
About ownership
Image
Profile avatar sealed by @nubiel
Owner
@nubiel
Public artwork
Profile avatar sealed by @nubiel
Original public source ↗
JavaScript is needed to explore public proof objects.
Learn about proof objects
.
[{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" imagesrcset=\"/art/create-original-frame-320.webp 320w, /art/create-original-frame.webp 640w\" imagesizes=\"180px\"><div class=\"product-screen\" data-product-example=\"created-asset\" data-source-components=\"ConsoleShell,Sheet,CreatedAssetResult\" data-example-view=\"created-asset\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-created-asset-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-created-asset-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-created-asset-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-created-asset-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable created-asset example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-created-asset-_R_j9_\">Create an asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-creation creation-complete\"><section class=\"asset-studio-preview is-complete\" aria-label=\"Your asset preview\"><div class=\"asset-studio-case\"><img class=\"asset-studio-frame\" src=\"/art/create-original-frame.webp\" srcset=\"/art/create-original-frame-320.webp 320w, /art/create-original-frame.webp 640w\" sizes=\"180px\" width=\"640\" height=\"788\" alt=\"\" decoding=\"async\"><span class=\"asset-studio-empty\" aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></span></div><div class=\"asset-studio-context\"><span class=\"asset-studio-eyebrow\">Your original</span><span class=\"asset-studio-kind\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg>Original</span><strong>Wheat harvest · 1,000 kg</strong><small>Your work. Its source. Together.</small></div></section><div class=\"status-icon success\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></div><h1 class=\"sheet-hero\">Your Original is sealed.</h1><p class=\"body-copy\">Wheat harvest · 1,000 kg is held in your account as an original proof object.</p><p class=\"body-copy small-copy\">Your Original is already public on Receiz and accruing value from its seal. Sign this Original with PBI to unlock its accrued value for use.</p><details class=\"transaction-proof-details\"><summary>Asset details</summary><div class=\"detail-list\"><div><span>Short code</span><strong>FIELD</strong></div><div><span>Defined units</span><strong>1000</strong></div><div><span>Source</span><strong class=\"proof-coordinate\">Example source · not an admitted proof</strong></div></div></details><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"signed-asset\">Sign<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg></button><a class=\"primary-button\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open your asset\">Open your asset<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></a><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Save original proof\">Save original proof</button><p class=\"body-copy small-copy\">Your Original is already earning. <a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Sign this Original to unlock its value ↗\">Sign this Original to unlock its value ↗</a></p><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Done\">Done</button></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your Original is already public on Receiz and earning from its seal. Choose Sign to unlock its accrued value. Example only; this walkthrough performs no signing."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" imagesrcset=\"/art/create-original-frame-320.webp 320w, /art/create-original-frame.webp 640w\" imagesizes=\"180px\"><div class=\"product-screen\" data-product-example=\"signed-asset\" data-source-components=\"ConsoleShell,Sheet,CreatedAssetResult\" data-example-view=\"signed-asset\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-signed-asset-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-signed-asset-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-signed-asset-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-signed-asset-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable signed-asset example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-signed-asset-_R_j9_\">Create an asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-creation creation-complete\"><section class=\"asset-studio-preview is-complete\" aria-label=\"Your asset preview\"><div class=\"asset-studio-case\"><img class=\"asset-studio-frame\" src=\"/art/create-original-frame.webp\" srcset=\"/art/create-original-frame-320.webp 320w, /art/create-original-frame.webp 640w\" sizes=\"180px\" width=\"640\" height=\"788\" alt=\"\" decoding=\"async\"><span class=\"asset-studio-empty\" aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></span></div><div class=\"asset-studio-context\"><span class=\"asset-studio-eyebrow\">Your original</span><span class=\"asset-studio-kind\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg>Original</span><strong>Wheat harvest · 1,000 kg</strong><small>Your work. Its source. Together.</small></div></section><div class=\"status-icon success\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></div><h1 class=\"sheet-hero\">Your Original is signed and public.</h1><p class=\"body-copy\">Wheat harvest · 1,000 kg is held in your account as an original proof object.</p><p class=\"body-copy small-copy\">Your Original is public on Receiz. Its PBI signature unlocks its accrued value for use.</p><details class=\"transaction-proof-details\"><summary>Asset details</summary><div class=\"detail-list\"><div><span>Short code</span><strong>FIELD</strong></div><div><span>Defined units</span><strong>1000</strong></div><div><span>Source</span><strong class=\"proof-coordinate\">Example source · not an admitted proof</strong></div></div></details><a class=\"primary-button\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open your asset\">Open your asset<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></a><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Save original proof\">Save original proof</button><p class=\"body-copy small-copy\">Your Original is already earning. <a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Inspect its unlocked value ↗\">Inspect its unlocked value ↗</a></p><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Done\">Done</button></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The Original remains public on Receiz. Its own PBI signature unlocks accrued value for use. Bankeiz Market listing is separate. Example only; this walkthrough performs no signing."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"send\" data-source-components=\"ConsoleShell,Sheet,LiveSend\" data-example-view=\"send\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-send-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-send-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-send-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-send-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable send example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-send-_R_j9_\">Send</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><button class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"note-create\">Create note</button><div class=\"segmented\"><button class=\"active\" tabindex=\"0\" data-example-action=\"send\">Send money</button><button class=\"\" tabindex=\"0\" data-example-action=\"send-ownership\">Send ownership</button></div><fieldset class=\"native-operation-fields\"><h1 class=\"sheet-hero\">Move money.<br>Keep what makes it yours.</h1><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Amount to send</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Amount to send\" value=\"125.00\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><div class=\"send-recipient\"><div class=\"bank-recipient\"><label class=\"form-field\" for=\"_R_5jdj9_\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Recipient</span><input id=\"product-example-destination-send-_R_5jdj9_\" role=\"combobox\" aria-autocomplete=\"list\" aria-expanded=\"false\" placeholder=\"Receiz ID\" autocomplete=\"off\" spellcheck=\"false\" maxlength=\"160\" value=\"alex\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label></div><div class=\"payment-scanner payment-scanner--compact\"><div class=\"dual-actions scanner-actions\"><button type=\"button\" class=\"icon-button\" aria-label=\"Scan QR\" title=\"Scan QR\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Scan QR\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-qr-code\"><rect width=\"5\" height=\"5\" x=\"3\" y=\"3\" rx=\"1\"></rect><rect width=\"5\" height=\"5\" x=\"16\" y=\"3\" rx=\"1\"></rect><rect width=\"5\" height=\"5\" x=\"3\" y=\"16\" rx=\"1\"></rect><path d=\"M21 16h-3a2 2 0 0 0-2 2v3\"></path><path d=\"M21 21v.01\"></path><path d=\"M12 7v3a2 2 0 0 1-2 2H7\"></path><path d=\"M3 12h.01\"></path><path d=\"M12 3h.01\"></path><path d=\"M12 16v.01\"></path><path d=\"M16 12h1\"></path><path d=\"M21 12v.01\"></path><path d=\"M12 21v-1\"></path></svg></button><label class=\"icon-button qr-upload\" title=\"Upload QR image\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Upload QR image\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-image-plus\"><path d=\"M16 5h6\"></path><path d=\"M19 2v6\"></path><path d=\"M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5\"></path><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"></path><circle cx=\"9\" cy=\"9\" r=\"2\"></circle></svg><input type=\"file\" accept=\"image/*\" aria-label=\"Upload QR image\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label></div><details class=\"payment-link-dropdown\"><summary>Use a payment link <span>Optional</span></summary><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Payment link</span><input placeholder=\"Paste a payment link\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Use payment link\">Use payment link</button></details></div></div><details class=\"send-note-field\"><summary>Add a memo <span>Optional</span></summary><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Payment memo</span><textarea aria-label=\"Payment memo\" aria-describedby=\"product-example-destination-send-_R_5j9_\" maxlength=\"280\" rows=\"2\" placeholder=\"What is this payment for?\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Design work</textarea><small id=\"product-example-destination-send-_R_5j9_\">This memo is included with your payment in the public Ledger.</small></label></details></fieldset><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Review the recipient and amount before approving your payment.</p></div><details class=\"transaction-proof-details\"><summary>Wallet access</summary><p class=\"small-copy\">Allow Bankeiz to resolve my receiving account, review my Wallet quote, and submit only the payment I explicitly approve. Receiz receives my protected Identity Record and signed consent for wallet read and transfer access. Wallet uses Reserve first, then Settlement. Each payment needs my separate final approval.</p></details><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"send-review\">Review payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Pay someone by Receiz ID. Review the recipient and amount before approving. Try the $125 example payment to Alex."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"receive\" data-source-components=\"ConsoleShell,Sheet,LiveReceive\" data-example-view=\"receive\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-receive-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-receive-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-receive-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-receive-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable receive example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-receive-_R_j9_\">Receive</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"dual-actions receive-top-actions\"><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"note-deposit\">Deposit note</button><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"counter\">Counter</button></div><h1 class=\"sheet-hero receive-heading\">Your value has a home.</h1><p class=\"body-copy receive-intro\">Receive money or asset ownership directly into your account.</p><div class=\"segmented receive-link-modes\" role=\"group\" aria-label=\"Payment link type\"><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive\">Send link</button><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive-checkout\">Checkout link</button></div><div class=\"receiving-card receive-payment-card\"><svg viewBox=\"0 0 61 61\" class=\"payment-qr\" role=\"img\" aria-label=\"Your payment QR\"><rect width=\"61\" height=\"61\" fill=\"#fff\"></rect><path d=\"M4,4h1v1h-1zM5,4h1v1h-1zM6,4h1v1h-1zM7,4h1v1h-1zM8,4h1v1h-1zM9,4h1v1h-1zM10,4h1v1h-1zM14,4h1v1h-1zM16,4h1v1h-1zM18,4h1v1h-1zM19,4h1v1h-1zM21,4h1v1h-1zM22,4h1v1h-1zM24,4h1v1h-1zM26,4h1v1h-1zM27,4h1v1h-1zM29,4h1v1h-1zM32,4h1v1h-1zM34,4h1v1h-1zM35,4h1v1h-1zM36,4h1v1h-1zM37,4h1v1h-1zM42,4h1v1h-1zM43,4h1v1h-1zM44,4h1v1h-1zM45,4h1v1h-1zM46,4h1v1h-1zM50,4h1v1h-1zM51,4h1v1h-1zM52,4h1v1h-1zM53,4h1v1h-1zM54,4h1v1h-1zM55,4h1v1h-1zM56,4h1v1h-1zM4,5h1v1h-1zM10,5h1v1h-1zM13,5h1v1h-1zM16,5h1v1h-1zM17,5h1v1h-1zM19,5h1v1h-1zM20,5h1v1h-1zM22,5h1v1h-1zM25,5h1v1h-1zM27,5h1v1h-1zM28,5h1v1h-1zM29,5h1v1h-1zM30,5h1v1h-1zM32,5h1v1h-1zM35,5h1v1h-1zM37,5h1v1h-1zM40,5h1v1h-1zM43,5h1v1h-1zM45,5h1v1h-1zM46,5h1v1h-1zM47,5h1v1h-1zM50,5h1v1h-1zM56,5h1v1h-1zM4,6h1v1h-1zM6,6h1v1h-1zM7,6h1v1h-1zM8,6h1v1h-1zM10,6h1v1h-1zM12,6h1v1h-1zM16,6h1v1h-1zM17,6h1v1h-1zM18,6h1v1h-1zM19,6h1v1h-1zM24,6h1v1h-1zM25,6h1v1h-1zM26,6h1v1h-1zM27,6h1v1h-1zM29,6h1v1h-1zM34,6h1v1h-1zM36,6h1v1h-1zM37,6h1v1h-1zM39,6h1v1h-1zM40,6h1v1h-1zM42,6h1v1h-1zM44,6h1v1h-1zM45,6h1v1h-1zM47,6h1v1h-1zM50,6h1v1h-1zM52,6h1v1h-1zM53,6h1v1h-1zM54,6h1v1h-1zM56,6h1v1h-1zM4,7h1v1h-1zM6,7h1v1h-1zM7,7h1v1h-1zM8,7h1v1h-1zM10,7h1v1h-1zM15,7h1v1h-1zM16,7h1v1h-1zM17,7h1v1h-1zM19,7h1v1h-1zM22,7h1v1h-1zM25,7h1v1h-1zM27,7h1v1h-1zM29,7h1v1h-1zM32,7h1v1h-1zM36,7h1v1h-1zM37,7h1v1h-1zM38,7h1v1h-1zM39,7h1v1h-1zM44,7h1v1h-1zM46,7h1v1h-1zM48,7h1v1h-1zM50,7h1v1h-1zM52,7h1v1h-1zM53,7h1v1h-1zM54,7h1v1h-1zM56,7h1v1h-1zM4,8h1v1h-1zM6,8h1v1h-1zM7,8h1v1h-1zM8,8h1v1h-1zM10,8h1v1h-1zM13,8h1v1h-1zM14,8h1v1h-1zM15,8h1v1h-1zM16,8h1v1h-1zM17,8h1v1h-1zM18,8h1v1h-1zM19,8h1v1h-1zM22,8h1v1h-1zM24,8h1v1h-1zM25,8h1v1h-1zM26,8h1v1h-1zM27,8h1v1h-1zM28,8h1v1h-1zM29,8h1v1h-1zM30,8h1v1h-1zM31,8h1v1h-1zM32,8h1v1h-1zM34,8h1v1h-1zM37,8h1v1h-1zM39,8h1v1h-1zM40,8h1v1h-1zM42,8h1v1h-1zM46,8h1v1h-1zM50,8h1v1h-1zM52,8h1v1h-1zM53,8h1v1h-1zM54,8h1v1h-1zM56,8h1v1h-1zM4,9h1v1h-1zM10,9h1v1h-1zM15,9h1v1h-1zM16,9h1v1h-1zM17,9h1v1h-1zM19,9h1v1h-1zM20,9h1v1h-1zM22,9h1v1h-1zM25,9h1v1h-1zM28,9h1v1h-1zM32,9h1v1h-1zM36,9h1v1h-1zM37,9h1v1h-1zM39,9h1v1h-1zM44,9h1v1h-1zM45,9h1v1h-1zM46,9h1v1h-1zM50,9h1v1h-1zM56,9h1v1h-1zM4,10h1v1h-1zM5,10h1v1h-1zM6,10h1v1h-1zM7,10h1v1h-1zM8,10h1v1h-1zM9,10h1v1h-1zM10,10h1v1h-1zM12,10h1v1h-1zM14,10h1v1h-1zM16,10h1v1h-1zM18,10h1v1h-1zM20,10h1v1h-1zM22,10h1v1h-1zM24,10h1v1h-1zM26,10h1v1h-1zM28,10h1v1h-1zM30,10h1v1h-1zM32,10h1v1h-1zM34,10h1v1h-1zM36,10h1v1h-1zM38,10h1v1h-1zM40,10h1v1h-1zM42,10h1v1h-1zM44,10h1v1h-1zM46,10h1v1h-1zM48,10h1v1h-1zM50,10h1v1h-1zM51,10h1v1h-1zM52,10h1v1h-1zM53,10h1v1h-1zM54,10h1v1h-1zM55,10h1v1h-1zM56,10h1v1h-1zM12,11h1v1h-1zM13,11h1v1h-1zM14,11h1v1h-1zM16,11h1v1h-1zM20,11h1v1h-1zM21,11h1v1h-1zM22,11h1v1h-1zM23,11h1v1h-1zM27,11h1v1h-1zM28,11h1v1h-1zM32,11h1v1h-1zM34,11h1v1h-1zM35,11h1v1h-1zM37,11h1v1h-1zM42,11h1v1h-1zM43,11h1v1h-1zM46,11h1v1h-1zM48,11h1v1h-1zM4,12h1v1h-1zM5,12h1v1h-1zM6,12h1v1h-1zM8,12h1v1h-1zM9,12h1v1h-1zM10,12h1v1h-1zM11,12h1v1h-1zM12,12h1v1h-1zM14,12h1v1h-1zM15,12h1v1h-1zM18,12h1v1h-1zM19,12h1v1h-1zM20,12h1v1h-1zM21,12h1v1h-1zM24,12h1v1h-1zM26,12h1v1h-1zM27,12h1v1h-1zM28,12h1v1h-1zM29,12h1v1h-1zM30,12h1v1h-1zM31,12h1v1h-1zM32,12h1v1h-1zM35,12h1v1h-1zM37,12h1v1h-1zM38,12h1v1h-1zM40,12h1v1h-1zM43,12h1v1h-1zM45,12h1v1h-1zM49,12h1v1h-1zM50,12h1v1h-1zM54,12h1v1h-1zM5,13h1v1h-1zM6,13h1v1h-1zM8,13h1v1h-1zM11,13h1v1h-1zM12,13h1v1h-1zM13,13h1v1h-1zM14,13h1v1h-1zM15,13h1v1h-1zM16,13h1v1h-1zM19,13h1v1h-1zM21,13h1v1h-1zM24,13h1v1h-1zM28,13h1v1h-1zM29,13h1v1h-1zM34,13h1v1h-1zM35,13h1v1h-1zM36,13h1v1h-1zM37,13h1v1h-1zM42,13h1v1h-1zM43,13h1v1h-1zM44,13h1v1h-1zM45,13h1v1h-1zM47,13h1v1h-1zM51,13h1v1h-1zM53,13h1v1h-1zM56,13h1v1h-1zM5,14h1v1h-1zM6,14h1v1h-1zM7,14h1v1h-1zM10,14h1v1h-1zM12,14h1v1h-1zM14,14h1v1h-1zM17,14h1v1h-1zM19,14h1v1h-1zM20,14h1v1h-1zM22,14h1v1h-1zM25,14h1v1h-1zM27,14h1v1h-1zM28,14h1v1h-1zM29,14h1v1h-1zM30,14h1v1h-1zM32,14h1v1h-1zM34,14h1v1h-1zM35,14h1v1h-1zM37,14h1v1h-1zM38,14h1v1h-1zM40,14h1v1h-1zM42,14h1v1h-1zM43,14h1v1h-1zM46,14h1v1h-1zM48,14h1v1h-1zM51,14h1v1h-1zM53,14h1v1h-1zM54,14h1v1h-1zM55,14h1v1h-1zM56,14h1v1h-1zM4,15h1v1h-1zM6,15h1v1h-1zM9,15h1v1h-1zM11,15h1v1h-1zM12,15h1v1h-1zM13,15h1v1h-1zM15,15h1v1h-1zM17,15h1v1h-1zM18,15h1v1h-1zM19,15h1v1h-1zM24,15h1v1h-1zM25,15h1v1h-1zM26,15h1v1h-1zM27,15h1v1h-1zM29,15h1v1h-1zM34,15h1v1h-1zM37,15h1v1h-1zM39,15h1v1h-1zM42,15h1v1h-1zM45,15h1v1h-1zM49,15h1v1h-1zM51,15h1v1h-1zM53,15h1v1h-1zM55,15h1v1h-1zM4,16h1v1h-1zM8,16h1v1h-1zM10,16h1v1h-1zM12,16h1v1h-1zM13,16h1v1h-1zM14,16h1v1h-1zM17,16h1v1h-1zM19,16h1v1h-1zM20,16h1v1h-1zM22,16h1v1h-1zM24,16h1v1h-1zM25,16h1v1h-1zM27,16h1v1h-1zM28,16h1v1h-1zM29,16h1v1h-1zM30,16h1v1h-1zM32,16h1v1h-1zM36,16h1v1h-1zM37,16h1v1h-1zM38,16h1v1h-1zM39,16h1v1h-1zM44,16h1v1h-1zM45,16h1v1h-1zM46,16h1v1h-1zM47,16h1v1h-1zM48,16h1v1h-1zM49,16h1v1h-1zM50,16h1v1h-1zM51,16h1v1h-1zM53,16h1v1h-1zM54,16h1v1h-1zM56,16h1v1h-1zM4,17h1v1h-1zM6,17h1v1h-1zM8,17h1v1h-1zM9,17h1v1h-1zM11,17h1v1h-1zM15,17h1v1h-1zM17,17h1v1h-1zM19,17h1v1h-1zM24,17h1v1h-1zM25,17h1v1h-1zM27,17h1v1h-1zM29,17h1v1h-1zM34,17h1v1h-1zM37,17h1v1h-1zM39,17h1v1h-1zM40,17h1v1h-1zM42,17h1v1h-1zM45,17h1v1h-1zM47,17h1v1h-1zM49,17h1v1h-1zM51,17h1v1h-1zM52,17h1v1h-1zM53,17h1v1h-1zM55,17h1v1h-1zM4,18h1v1h-1zM6,18h1v1h-1zM7,18h1v1h-1zM10,18h1v1h-1zM11,18h1v1h-1zM12,18h1v1h-1zM16,18h1v1h-1zM17,18h1v1h-1zM19,18h1v1h-1zM20,18h1v1h-1zM22,18h1v1h-1zM25,18h1v1h-1zM27,18h1v1h-1zM28,18h1v1h-1zM29,18h1v1h-1zM30,18h1v1h-1zM32,18h1v1h-1zM34,18h1v1h-1zM36,18h1v1h-1zM37,18h1v1h-1zM38,18h1v1h-1zM39,18h1v1h-1zM42,18h1v1h-1zM44,18h1v1h-1zM45,18h1v1h-1zM46,18h1v1h-1zM47,18h1v1h-1zM48,18h1v1h-1zM49,18h1v1h-1zM50,18h1v1h-1zM51,18h1v1h-1zM53,18h1v1h-1zM55,18h1v1h-1zM4,19h1v1h-1zM5,19h1v1h-1zM8,19h1v1h-1zM11,19h1v1h-1zM12,19h1v1h-1zM14,19h1v1h-1zM16,19h1v1h-1zM17,19h1v1h-1zM18,19h1v1h-1zM19,19h1v1h-1zM24,19h1v1h-1zM25,19h1v1h-1zM26,19h1v1h-1zM27,19h1v1h-1zM29,19h1v1h-1zM33,19h1v1h-1zM38,19h1v1h-1zM39,19h1v1h-1zM41,19h1v1h-1zM46,19h1v1h-1zM47,19h1v1h-1zM51,19h1v1h-1zM52,19h1v1h-1zM53,19h1v1h-1zM55,19h1v1h-1zM56,19h1v1h-1zM4,20h1v1h-1zM5,20h1v1h-1zM9,20h1v1h-1zM10,20h1v1h-1zM11,20h1v1h-1zM13,20h1v1h-1zM17,20h1v1h-1zM20,20h1v1h-1zM22,20h1v1h-1zM23,20h1v1h-1zM24,20h1v1h-1zM25,20h1v1h-1zM27,20h1v1h-1zM28,20h1v1h-1zM29,20h1v1h-1zM30,20h1v1h-1zM32,20h1v1h-1zM33,20h1v1h-1zM34,20h1v1h-1zM36,20h1v1h-1zM39,20h1v1h-1zM41,20h1v1h-1zM42,20h1v1h-1zM44,20h1v1h-1zM49,20h1v1h-1zM50,20h1v1h-1zM51,20h1v1h-1zM52,20h1v1h-1zM53,20h1v1h-1zM55,20h1v1h-1zM6,21h1v1h-1zM8,21h1v1h-1zM9,21h1v1h-1zM11,21h1v1h-1zM13,21h1v1h-1zM16,21h1v1h-1zM17,21h1v1h-1zM20,21h1v1h-1zM23,21h1v1h-1zM25,21h1v1h-1zM27,21h1v1h-1zM30,21h1v1h-1zM31,21h1v1h-1zM33,21h1v1h-1zM38,21h1v1h-1zM39,21h1v1h-1zM40,21h1v1h-1zM41,21h1v1h-1zM46,21h1v1h-1zM49,21h1v1h-1zM51,21h1v1h-1zM54,21h1v1h-1zM56,21h1v1h-1zM4,22h1v1h-1zM6,22h1v1h-1zM10,22h1v1h-1zM11,22h1v1h-1zM13,22h1v1h-1zM16,22h1v1h-1zM18,22h1v1h-1zM21,22h1v1h-1zM23,22h1v1h-1zM24,22h1v1h-1zM26,22h1v1h-1zM28,22h1v1h-1zM31,22h1v1h-1zM33,22h1v1h-1zM34,22h1v1h-1zM36,22h1v1h-1zM38,22h1v1h-1zM39,22h1v1h-1zM41,22h1v1h-1zM42,22h1v1h-1zM44,22h1v1h-1zM46,22h1v1h-1zM47,22h1v1h-1zM48,22h1v1h-1zM52,22h1v1h-1zM55,22h1v1h-1zM56,22h1v1h-1zM4,23h1v1h-1zM6,23h1v1h-1zM11,23h1v1h-1zM13,23h1v1h-1zM16,23h1v1h-1zM20,23h1v1h-1zM21,23h1v1h-1zM22,23h1v1h-1zM23,23h1v1h-1zM28,23h1v1h-1zM30,23h1v1h-1zM31,23h1v1h-1zM32,23h1v1h-1zM33,23h1v1h-1zM35,23h1v1h-1zM38,23h1v1h-1zM41,23h1v1h-1zM43,23h1v1h-1zM46,23h1v1h-1zM47,23h1v1h-1zM48,23h1v1h-1zM50,23h1v1h-1zM54,23h1v1h-1zM55,23h1v1h-1zM4,24h1v1h-1zM6,24h1v1h-1zM7,24h1v1h-1zM8,24h1v1h-1zM10,24h1v1h-1zM11,24h1v1h-1zM12,24h1v1h-1zM13,24h1v1h-1zM18,24h1v1h-1zM20,24h1v1h-1zM21,24h1v1h-1zM23,24h1v1h-1zM24,24h1v1h-1zM26,24h1v1h-1zM30,24h1v1h-1zM31,24h1v1h-1zM33,24h1v1h-1zM34,24h1v1h-1zM35,24h1v1h-1zM40,24h1v1h-1zM41,24h1v1h-1zM42,24h1v1h-1zM43,24h1v1h-1zM48,24h1v1h-1zM52,24h1v1h-1zM54,24h1v1h-1zM55,24h1v1h-1zM56,24h1v1h-1zM4,25h1v1h-1zM5,25h1v1h-1zM6,25h1v1h-1zM7,25h1v1h-1zM11,25h1v1h-1zM15,25h1v1h-1zM16,25h1v1h-1zM20,25h1v1h-1zM21,25h1v1h-1zM23,25h1v1h-1zM28,25h1v1h-1zM30,25h1v1h-1zM31,25h1v1h-1zM33,25h1v1h-1zM35,25h1v1h-1zM36,25h1v1h-1zM38,25h1v1h-1zM41,25h1v1h-1zM43,25h1v1h-1zM44,25h1v1h-1zM46,25h1v1h-1zM48,25h1v1h-1zM50,25h1v1h-1zM53,25h1v1h-1zM54,25h1v1h-1zM8,26h1v1h-1zM10,26h1v1h-1zM18,26h1v1h-1zM21,26h1v1h-1zM23,26h1v1h-1zM24,26h1v1h-1zM26,26h1v1h-1zM28,26h1v1h-1zM31,26h1v1h-1zM33,26h1v1h-1zM34,26h1v1h-1zM35,26h1v1h-1zM38,26h1v1h-1zM40,26h1v1h-1zM41,26h1v1h-1zM42,26h1v1h-1zM43,26h1v1h-1zM46,26h1v1h-1zM50,26h1v1h-1zM52,26h1v1h-1zM56,26h1v1h-1zM6,27h1v1h-1zM8,27h1v1h-1zM9,27h1v1h-1zM12,27h1v1h-1zM14,27h1v1h-1zM16,27h1v1h-1zM20,27h1v1h-1zM21,27h1v1h-1zM22,27h1v1h-1zM23,27h1v1h-1zM28,27h1v1h-1zM30,27h1v1h-1zM31,27h1v1h-1zM32,27h1v1h-1zM34,27h1v1h-1zM35,27h1v1h-1zM37,27h1v1h-1zM42,27h1v1h-1zM43,27h1v1h-1zM45,27h1v1h-1zM48,27h1v1h-1zM50,27h1v1h-1zM52,27h1v1h-1zM53,27h1v1h-1zM5,28h1v1h-1zM7,28h1v1h-1zM8,28h1v1h-1zM9,28h1v1h-1zM10,28h1v1h-1zM11,28h1v1h-1zM12,28h1v1h-1zM18,28h1v1h-1zM19,28h1v1h-1zM20,28h1v1h-1zM21,28h1v1h-1zM24,28h1v1h-1zM26,28h1v1h-1zM28,28h1v1h-1zM29,28h1v1h-1zM30,28h1v1h-1zM31,28h1v1h-1zM32,28h1v1h-1zM35,28h1v1h-1zM37,28h1v1h-1zM38,28h1v1h-1zM40,28h1v1h-1zM43,28h1v1h-1zM45,28h1v1h-1zM46,28h1v1h-1zM48,28h1v1h-1zM49,28h1v1h-1zM50,28h1v1h-1zM51,28h1v1h-1zM52,28h1v1h-1zM56,28h1v1h-1zM4,29h1v1h-1zM6,29h1v1h-1zM8,29h1v1h-1zM12,29h1v1h-1zM13,29h1v1h-1zM19,29h1v1h-1zM21,29h1v1h-1zM24,29h1v1h-1zM28,29h1v1h-1zM32,29h1v1h-1zM34,29h1v1h-1zM35,29h1v1h-1zM36,29h1v1h-1zM37,29h1v1h-1zM42,29h1v1h-1zM43,29h1v1h-1zM44,29h1v1h-1zM45,29h1v1h-1zM48,29h1v1h-1zM52,29h1v1h-1zM53,29h1v1h-1zM56,29h1v1h-1zM5,30h1v1h-1zM6,30h1v1h-1zM8,30h1v1h-1zM10,30h1v1h-1zM12,30h1v1h-1zM14,30h1v1h-1zM15,30h1v1h-1zM17,30h1v1h-1zM19,30h1v1h-1zM20,30h1v1h-1zM22,30h1v1h-1zM25,30h1v1h-1zM27,30h1v1h-1zM28,30h1v1h-1zM30,30h1v1h-1zM32,30h1v1h-1zM34,30h1v1h-1zM35,30h1v1h-1zM37,30h1v1h-1zM38,30h1v1h-1zM40,30h1v1h-1zM42,30h1v1h-1zM43,30h1v1h-1zM45,30h1v1h-1zM46,30h1v1h-1zM47,30h1v1h-1zM48,30h1v1h-1zM50,30h1v1h-1zM52,30h1v1h-1zM53,30h1v1h-1zM54,30h1v1h-1zM55,30h1v1h-1zM56,30h1v1h-1zM4,31h1v1h-1zM6,31h1v1h-1zM8,31h1v1h-1zM12,31h1v1h-1zM14,31h1v1h-1zM15,31h1v1h-1zM16,31h1v1h-1zM17,31h1v1h-1zM18,31h1v1h-1zM19,31h1v1h-1zM24,31h1v1h-1zM25,31h1v1h-1zM26,31h1v1h-1zM28,31h1v1h-1zM32,31h1v1h-1zM34,31h1v1h-1zM37,31h1v1h-1zM39,31h1v1h-1zM42,31h1v1h-1zM45,31h1v1h-1zM47,31h1v1h-1zM48,31h1v1h-1zM52,31h1v1h-1zM53,31h1v1h-1zM55,31h1v1h-1zM7,32h1v1h-1zM8,32h1v1h-1zM9,32h1v1h-1zM10,32h1v1h-1zM11,32h1v1h-1zM12,32h1v1h-1zM14,32h1v1h-1zM15,32h1v1h-1zM16,32h1v1h-1zM17,32h1v1h-1zM19,32h1v1h-1zM20,32h1v1h-1zM22,32h1v1h-1zM24,32h1v1h-1zM25,32h1v1h-1zM27,32h1v1h-1zM28,32h1v1h-1zM29,32h1v1h-1zM30,32h1v1h-1zM31,32h1v1h-1zM32,32h1v1h-1zM36,32h1v1h-1zM37,32h1v1h-1zM38,32h1v1h-1zM39,32h1v1h-1zM44,32h1v1h-1zM45,32h1v1h-1zM46,32h1v1h-1zM48,32h1v1h-1zM49,32h1v1h-1zM50,32h1v1h-1zM51,32h1v1h-1zM52,32h1v1h-1zM53,32h1v1h-1zM54,32h1v1h-1zM55,32h1v1h-1zM56,32h1v1h-1zM4,33h1v1h-1zM5,33h1v1h-1zM9,33h1v1h-1zM11,33h1v1h-1zM14,33h1v1h-1zM17,33h1v1h-1zM19,33h1v1h-1zM24,33h1v1h-1zM25,33h1v1h-1zM27,33h1v1h-1zM29,33h1v1h-1zM32,33h1v1h-1zM34,33h1v1h-1zM37,33h1v1h-1zM39,33h1v1h-1zM40,33h1v1h-1zM42,33h1v1h-1zM45,33h1v1h-1zM47,33h1v1h-1zM48,33h1v1h-1zM49,33h1v1h-1zM50,33h1v1h-1zM54,33h1v1h-1zM55,33h1v1h-1zM9,34h1v1h-1zM10,34h1v1h-1zM11,34h1v1h-1zM15,34h1v1h-1zM16,34h1v1h-1zM17,34h1v1h-1zM19,34h1v1h-1zM20,34h1v1h-1zM22,34h1v1h-1zM25,34h1v1h-1zM30,34h1v1h-1zM31,34h1v1h-1zM32,34h1v1h-1zM34,34h1v1h-1zM36,34h1v1h-1zM37,34h1v1h-1zM38,34h1v1h-1zM39,34h1v1h-1zM42,34h1v1h-1zM44,34h1v1h-1zM45,34h1v1h-1zM46,34h1v1h-1zM47,34h1v1h-1zM49,34h1v1h-1zM50,34h1v1h-1zM51,34h1v1h-1zM52,34h1v1h-1zM53,34h1v1h-1zM55,34h1v1h-1zM4,35h1v1h-1zM6,35h1v1h-1zM9,35h1v1h-1zM11,35h1v1h-1zM12,35h1v1h-1zM13,35h1v1h-1zM17,35h1v1h-1zM18,35h1v1h-1zM19,35h1v1h-1zM24,35h1v1h-1zM25,35h1v1h-1zM26,35h1v1h-1zM27,35h1v1h-1zM31,35h1v1h-1zM33,35h1v1h-1zM38,35h1v1h-1zM39,35h1v1h-1zM41,35h1v1h-1zM46,35h1v1h-1zM47,35h1v1h-1zM49,35h1v1h-1zM50,35h1v1h-1zM52,35h1v1h-1zM53,35h1v1h-1zM55,35h1v1h-1zM56,35h1v1h-1zM4,36h1v1h-1zM7,36h1v1h-1zM9,36h1v1h-1zM10,36h1v1h-1zM12,36h1v1h-1zM13,36h1v1h-1zM14,36h1v1h-1zM16,36h1v1h-1zM17,36h1v1h-1zM20,36h1v1h-1zM22,36h1v1h-1zM23,36h1v1h-1zM24,36h1v1h-1zM25,36h1v1h-1zM30,36h1v1h-1zM31,36h1v1h-1zM32,36h1v1h-1zM33,36h1v1h-1zM34,36h1v1h-1zM36,36h1v1h-1zM39,36h1v1h-1zM41,36h1v1h-1zM42,36h1v1h-1zM44,36h1v1h-1zM50,36h1v1h-1zM52,36h1v1h-1zM55,36h1v1h-1zM4,37h1v1h-1zM6,37h1v1h-1zM7,37h1v1h-1zM8,37h1v1h-1zM13,37h1v1h-1zM14,37h1v1h-1zM17,37h1v1h-1zM20,37h1v1h-1zM23,37h1v1h-1zM25,37h1v1h-1zM27,37h1v1h-1zM31,37h1v1h-1zM33,37h1v1h-1zM38,37h1v1h-1zM39,37h1v1h-1zM40,37h1v1h-1zM41,37h1v1h-1zM46,37h1v1h-1zM47,37h1v1h-1zM52,37h1v1h-1zM54,37h1v1h-1zM56,37h1v1h-1zM6,38h1v1h-1zM7,38h1v1h-1zM9,38h1v1h-1zM10,38h1v1h-1zM11,38h1v1h-1zM12,38h1v1h-1zM13,38h1v1h-1zM14,38h1v1h-1zM15,38h1v1h-1zM16,38h1v1h-1zM18,38h1v1h-1zM21,38h1v1h-1zM23,38h1v1h-1zM24,38h1v1h-1zM26,38h1v1h-1zM30,38h1v1h-1zM31,38h1v1h-1zM32,38h1v1h-1zM33,38h1v1h-1zM34,38h1v1h-1zM36,38h1v1h-1zM38,38h1v1h-1zM39,38h1v1h-1zM41,38h1v1h-1zM42,38h1v1h-1zM44,38h1v1h-1zM46,38h1v1h-1zM48,38h1v1h-1zM50,38h1v1h-1zM55,38h1v1h-1zM56,38h1v1h-1zM4,39h1v1h-1zM5,39h1v1h-1zM6,39h1v1h-1zM8,39h1v1h-1zM9,39h1v1h-1zM12,39h1v1h-1zM14,39h1v1h-1zM20,39h1v1h-1zM21,39h1v1h-1zM22,39h1v1h-1zM23,39h1v1h-1zM27,39h1v1h-1zM31,39h1v1h-1zM33,39h1v1h-1zM35,39h1v1h-1zM38,39h1v1h-1zM41,39h1v1h-1zM43,39h1v1h-1zM46,39h1v1h-1zM48,39h1v1h-1zM52,39h1v1h-1zM54,39h1v1h-1zM55,39h1v1h-1zM4,40h1v1h-1zM9,40h1v1h-1zM10,40h1v1h-1zM11,40h1v1h-1zM12,40h1v1h-1zM15,40h1v1h-1zM16,40h1v1h-1zM18,40h1v1h-1zM20,40h1v1h-1zM21,40h1v1h-1zM23,40h1v1h-1zM24,40h1v1h-1zM26,40h1v1h-1zM28,40h1v1h-1zM30,40h1v1h-1zM31,40h1v1h-1zM32,40h1v1h-1zM33,40h1v1h-1zM34,40h1v1h-1zM35,40h1v1h-1zM40,40h1v1h-1zM41,40h1v1h-1zM42,40h1v1h-1zM43,40h1v1h-1zM54,40h1v1h-1zM5,41h1v1h-1zM6,41h1v1h-1zM9,41h1v1h-1zM11,41h1v1h-1zM12,41h1v1h-1zM15,41h1v1h-1zM20,41h1v1h-1zM21,41h1v1h-1zM23,41h1v1h-1zM27,41h1v1h-1zM28,41h1v1h-1zM31,41h1v1h-1zM33,41h1v1h-1zM35,41h1v1h-1zM36,41h1v1h-1zM38,41h1v1h-1zM41,41h1v1h-1zM43,41h1v1h-1zM44,41h1v1h-1zM46,41h1v1h-1zM47,41h1v1h-1zM54,41h1v1h-1zM4,42h1v1h-1zM10,42h1v1h-1zM11,42h1v1h-1zM13,42h1v1h-1zM14,42h1v1h-1zM18,42h1v1h-1zM21,42h1v1h-1zM23,42h1v1h-1zM24,42h1v1h-1zM26,42h1v1h-1zM27,42h1v1h-1zM28,42h1v1h-1zM29,42h1v1h-1zM32,42h1v1h-1zM33,42h1v1h-1zM34,42h1v1h-1zM35,42h1v1h-1zM38,42h1v1h-1zM40,42h1v1h-1zM41,42h1v1h-1zM42,42h1v1h-1zM43,42h1v1h-1zM46,42h1v1h-1zM48,42h1v1h-1zM49,42h1v1h-1zM50,42h1v1h-1zM51,42h1v1h-1zM52,42h1v1h-1zM53,42h1v1h-1zM56,42h1v1h-1zM4,43h1v1h-1zM6,43h1v1h-1zM9,43h1v1h-1zM11,43h1v1h-1zM12,43h1v1h-1zM20,43h1v1h-1zM21,43h1v1h-1zM22,43h1v1h-1zM23,43h1v1h-1zM28,43h1v1h-1zM29,43h1v1h-1zM30,43h1v1h-1zM32,43h1v1h-1zM34,43h1v1h-1zM35,43h1v1h-1zM37,43h1v1h-1zM42,43h1v1h-1zM43,43h1v1h-1zM45,43h1v1h-1zM47,43h1v1h-1zM48,43h1v1h-1zM49,43h1v1h-1zM50,43h1v1h-1zM51,43h1v1h-1zM5,44h1v1h-1zM6,44h1v1h-1zM7,44h1v1h-1zM9,44h1v1h-1zM10,44h1v1h-1zM11,44h1v1h-1zM12,44h1v1h-1zM16,44h1v1h-1zM18,44h1v1h-1zM19,44h1v1h-1zM20,44h1v1h-1zM21,44h1v1h-1zM24,44h1v1h-1zM26,44h1v1h-1zM27,44h1v1h-1zM28,44h1v1h-1zM29,44h1v1h-1zM35,44h1v1h-1zM37,44h1v1h-1zM38,44h1v1h-1zM40,44h1v1h-1zM43,44h1v1h-1zM45,44h1v1h-1zM46,44h1v1h-1zM47,44h1v1h-1zM48,44h1v1h-1zM49,44h1v1h-1zM51,44h1v1h-1zM52,44h1v1h-1zM56,44h1v1h-1zM4,45h1v1h-1zM7,45h1v1h-1zM8,45h1v1h-1zM9,45h1v1h-1zM15,45h1v1h-1zM16,45h1v1h-1zM19,45h1v1h-1zM21,45h1v1h-1zM24,45h1v1h-1zM27,45h1v1h-1zM28,45h1v1h-1zM29,45h1v1h-1zM32,45h1v1h-1zM34,45h1v1h-1zM35,45h1v1h-1zM36,45h1v1h-1zM37,45h1v1h-1zM42,45h1v1h-1zM43,45h1v1h-1zM44,45h1v1h-1zM45,45h1v1h-1zM48,45h1v1h-1zM49,45h1v1h-1zM50,45h1v1h-1zM51,45h1v1h-1zM53,45h1v1h-1zM55,45h1v1h-1zM56,45h1v1h-1zM4,46h1v1h-1zM5,46h1v1h-1zM7,46h1v1h-1zM8,46h1v1h-1zM9,46h1v1h-1zM10,46h1v1h-1zM11,46h1v1h-1zM12,46h1v1h-1zM14,46h1v1h-1zM18,46h1v1h-1zM19,46h1v1h-1zM20,46h1v1h-1zM22,46h1v1h-1zM25,46h1v1h-1zM27,46h1v1h-1zM28,46h1v1h-1zM29,46h1v1h-1zM32,46h1v1h-1zM34,46h1v1h-1zM35,46h1v1h-1zM37,46h1v1h-1zM38,46h1v1h-1zM40,46h1v1h-1zM42,46h1v1h-1zM43,46h1v1h-1zM45,46h1v1h-1zM46,46h1v1h-1zM47,46h1v1h-1zM48,46h1v1h-1zM49,46h1v1h-1zM51,46h1v1h-1zM52,46h1v1h-1zM53,46h1v1h-1zM54,46h1v1h-1zM55,46h1v1h-1zM56,46h1v1h-1zM5,47h1v1h-1zM6,47h1v1h-1zM11,47h1v1h-1zM12,47h1v1h-1zM13,47h1v1h-1zM16,47h1v1h-1zM19,47h1v1h-1zM24,47h1v1h-1zM25,47h1v1h-1zM26,47h1v1h-1zM28,47h1v1h-1zM29,47h1v1h-1zM30,47h1v1h-1zM32,47h1v1h-1zM34,47h1v1h-1zM37,47h1v1h-1zM39,47h1v1h-1zM42,47h1v1h-1zM45,47h1v1h-1zM48,47h1v1h-1zM49,47h1v1h-1zM51,47h1v1h-1zM53,47h1v1h-1zM55,47h1v1h-1zM7,48h1v1h-1zM10,48h1v1h-1zM14,48h1v1h-1zM15,48h1v1h-1zM19,48h1v1h-1zM20,48h1v1h-1zM22,48h1v1h-1zM24,48h1v1h-1zM25,48h1v1h-1zM27,48h1v1h-1zM28,48h1v1h-1zM29,48h1v1h-1zM30,48h1v1h-1zM31,48h1v1h-1zM32,48h1v1h-1zM36,48h1v1h-1zM37,48h1v1h-1zM38,48h1v1h-1zM39,48h1v1h-1zM44,48h1v1h-1zM45,48h1v1h-1zM46,48h1v1h-1zM48,48h1v1h-1zM49,48h1v1h-1zM50,48h1v1h-1zM51,48h1v1h-1zM52,48h1v1h-1zM53,48h1v1h-1zM54,48h1v1h-1zM12,49h1v1h-1zM14,49h1v1h-1zM15,49h1v1h-1zM17,49h1v1h-1zM19,49h1v1h-1zM24,49h1v1h-1zM25,49h1v1h-1zM28,49h1v1h-1zM32,49h1v1h-1zM34,49h1v1h-1zM37,49h1v1h-1zM39,49h1v1h-1zM40,49h1v1h-1zM42,49h1v1h-1zM45,49h1v1h-1zM47,49h1v1h-1zM48,49h1v1h-1zM52,49h1v1h-1zM55,49h1v1h-1zM4,50h1v1h-1zM5,50h1v1h-1zM6,50h1v1h-1zM7,50h1v1h-1zM8,50h1v1h-1zM9,50h1v1h-1zM10,50h1v1h-1zM12,50h1v1h-1zM13,50h1v1h-1zM14,50h1v1h-1zM16,50h1v1h-1zM19,50h1v1h-1zM20,50h1v1h-1zM22,50h1v1h-1zM25,50h1v1h-1zM28,50h1v1h-1zM30,50h1v1h-1zM32,50h1v1h-1zM34,50h1v1h-1zM36,50h1v1h-1zM37,50h1v1h-1zM38,50h1v1h-1zM39,50h1v1h-1zM42,50h1v1h-1zM44,50h1v1h-1zM45,50h1v1h-1zM46,50h1v1h-1zM47,50h1v1h-1zM48,50h1v1h-1zM50,50h1v1h-1zM52,50h1v1h-1zM53,50h1v1h-1zM54,50h1v1h-1zM55,50h1v1h-1zM4,51h1v1h-1zM10,51h1v1h-1zM12,51h1v1h-1zM13,51h1v1h-1zM14,51h1v1h-1zM15,51h1v1h-1zM16,51h1v1h-1zM19,51h1v1h-1zM24,51h1v1h-1zM25,51h1v1h-1zM26,51h1v1h-1zM27,51h1v1h-1zM28,51h1v1h-1zM32,51h1v1h-1zM33,51h1v1h-1zM38,51h1v1h-1zM39,51h1v1h-1zM41,51h1v1h-1zM46,51h1v1h-1zM48,51h1v1h-1zM52,51h1v1h-1zM55,51h1v1h-1zM56,51h1v1h-1zM4,52h1v1h-1zM6,52h1v1h-1zM7,52h1v1h-1zM8,52h1v1h-1zM10,52h1v1h-1zM12,52h1v1h-1zM13,52h1v1h-1zM17,52h1v1h-1zM18,52h1v1h-1zM20,52h1v1h-1zM22,52h1v1h-1zM23,52h1v1h-1zM24,52h1v1h-1zM25,52h1v1h-1zM28,52h1v1h-1zM29,52h1v1h-1zM30,52h1v1h-1zM31,52h1v1h-1zM32,52h1v1h-1zM33,52h1v1h-1zM34,52h1v1h-1zM36,52h1v1h-1zM39,52h1v1h-1zM41,52h1v1h-1zM42,52h1v1h-1zM44,52h1v1h-1zM48,52h1v1h-1zM49,52h1v1h-1zM50,52h1v1h-1zM51,52h1v1h-1zM52,52h1v1h-1zM53,52h1v1h-1zM55,52h1v1h-1zM4,53h1v1h-1zM6,53h1v1h-1zM7,53h1v1h-1zM8,53h1v1h-1zM10,53h1v1h-1zM14,53h1v1h-1zM15,53h1v1h-1zM16,53h1v1h-1zM17,53h1v1h-1zM18,53h1v1h-1zM20,53h1v1h-1zM23,53h1v1h-1zM25,53h1v1h-1zM30,53h1v1h-1zM31,53h1v1h-1zM32,53h1v1h-1zM33,53h1v1h-1zM38,53h1v1h-1zM39,53h1v1h-1zM40,53h1v1h-1zM41,53h1v1h-1zM46,53h1v1h-1zM50,53h1v1h-1zM51,53h1v1h-1zM52,53h1v1h-1zM54,53h1v1h-1zM4,54h1v1h-1zM6,54h1v1h-1zM7,54h1v1h-1zM8,54h1v1h-1zM10,54h1v1h-1zM12,54h1v1h-1zM13,54h1v1h-1zM14,54h1v1h-1zM16,54h1v1h-1zM21,54h1v1h-1zM23,54h1v1h-1zM24,54h1v1h-1zM26,54h1v1h-1zM28,54h1v1h-1zM30,54h1v1h-1zM31,54h1v1h-1zM33,54h1v1h-1zM34,54h1v1h-1zM36,54h1v1h-1zM38,54h1v1h-1zM39,54h1v1h-1zM41,54h1v1h-1zM42,54h1v1h-1zM44,54h1v1h-1zM46,54h1v1h-1zM48,54h1v1h-1zM51,54h1v1h-1zM52,54h1v1h-1zM56,54h1v1h-1zM4,55h1v1h-1zM10,55h1v1h-1zM12,55h1v1h-1zM14,55h1v1h-1zM15,55h1v1h-1zM16,55h1v1h-1zM20,55h1v1h-1zM21,55h1v1h-1zM22,55h1v1h-1zM23,55h1v1h-1zM29,55h1v1h-1zM33,55h1v1h-1zM35,55h1v1h-1zM38,55h1v1h-1zM41,55h1v1h-1zM43,55h1v1h-1zM46,55h1v1h-1zM51,55h1v1h-1zM54,55h1v1h-1zM55,55h1v1h-1zM4,56h1v1h-1zM5,56h1v1h-1zM6,56h1v1h-1zM7,56h1v1h-1zM8,56h1v1h-1zM9,56h1v1h-1zM10,56h1v1h-1zM12,56h1v1h-1zM13,56h1v1h-1zM14,56h1v1h-1zM15,56h1v1h-1zM16,56h1v1h-1zM17,56h1v1h-1zM18,56h1v1h-1zM20,56h1v1h-1zM21,56h1v1h-1zM23,56h1v1h-1zM24,56h1v1h-1zM26,56h1v1h-1zM28,56h1v1h-1zM29,56h1v1h-1zM30,56h1v1h-1zM32,56h1v1h-1zM33,56h1v1h-1zM34,56h1v1h-1zM35,56h1v1h-1zM40,56h1v1h-1zM41,56h1v1h-1zM42,56h1v1h-1zM43,56h1v1h-1zM48,56h1v1h-1zM49,56h1v1h-1zM54,56h1v1h-1zM55,56h1v1h-1zM56,56h1v1h-1z\" fill=\"#142d50\"></path></svg><span>Your receiving address</span><strong class=\"receiving-coordinate\">example</strong></div><p class=\"body-copy small-copy receive-hint\">Opens your address in the bank’s Send flow.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Request amount (optional)</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Request amount (optional)\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share payment link\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg>Share payment link</button><div class=\"dual-actions\"><button class=\"secondary-button\" aria-label=\"Copy Receiz ID\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy Receiz ID\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy Receiz ID</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Set up NFC tag\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-radio\"><path d=\"M4.9 19.1C1 15.2 1 8.8 4.9 4.9\"></path><path d=\"M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5\"></path><circle cx=\"12\" cy=\"12\" r=\"2\"></circle><path d=\"M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5\"></path><path d=\"M19.1 4.9C23 8.8 23 15.1 19.1 19\"></path></svg>Set up NFC tag</button></div><div class=\"receive-payment-link\"><span>Your payment link</span><div><a class=\"payment-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"bankeiz.com/?to=example\">bankeiz.com/?to=example</a><button type=\"button\" class=\"icon-button receive-link-copy\" aria-label=\"Copy payment link\" data-copied=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:16px;height:16px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button></div></div><details class=\"payment-tools\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-earth\"><path d=\"M21.54 15H17a2 2 0 0 0-2 2v4.54\"></path><path d=\"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17\"></path><path d=\"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05\"></path><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></svg>Accept payments anywhere</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"></path></svg></summary><div class=\"payment-tools-content\"><p class=\"body-copy small-copy\">Share your link. Add a payment button. Or put checkout on your website.</p><div class=\"segmented\" aria-label=\"Website integration\"><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive\">Payment button</button><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive-embedded\">Embedded checkout</button></div><p class=\"payment-tools-caption\">Paste into an HTML block on your website. Customers pay directly with a card, balance or any supported Note. No signup step.</p><div class=\"payment-button-preview\"><a href=\"https://example.invalid/\" rel=\"noopener noreferrer\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Pay @example\">Pay @example<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div><label class=\"payment-tools-code\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-code-xml\"><path d=\"m18 16 4-4-4-4\"></path><path d=\"m6 8-4 4 4 4\"></path><path d=\"m14.5 4-5 16\"></path></svg>Your payment button</span><textarea aria-label=\"Payment button code\" readonly=\"\" rows=\"4\" spellcheck=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><a href=\"https://bankeiz.com/pay/example/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:12px;background:#172b45;color:#fff;font:600 16px/1.4 system-ui,sans-serif;text-decoration:none\">Pay @example</a></textarea></label><button type=\"button\" class=\"secondary-button\" aria-label=\"Copy payment button code\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment button code\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy code</button><details class=\"payment-tools-methods\"><summary>Payment methods</summary><p>Your Bankeiz button supports Reserve, Settlement and Settlement Reserve Notes through Pay with a Note. The payer approves one payment. Selected Notes confirm their credit before that payment continues. The original proof and funding composition stay connected. Receiz’s embedded widget is a separate card checkout with legacy Wallet Note compatibility.</p></details><a class=\"payment-tools-guide\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Setup and developer guide\">Setup and developer guide<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div></details><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Scanning or tapping opens your selected payment page. The payer reviews and approves the recipient and amount.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Share your receiving ID, QR or payment link so someone can pay you directly."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/deposit-source-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-assets-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-record-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"market\" data-source-components=\"ConsoleShell,Market,MarketOverview,PublicObjectRow\" data-example-view=\"market\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-market-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable market example\"><section><h1>Market</h1><p class=\"page-subtitle\">Put your value to work.</p><label class=\"search-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><input placeholder=\"Search assets or currencies\" aria-label=\"Search assets or currencies\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><div class=\"filters\" role=\"group\" aria-label=\"Asset categories\"><button class=\"active\" aria-pressed=\"true\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Music\">Music</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Images\">Images</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Videos\">Videos</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Books\">Books</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Essays\">Essays</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Moments\">Moments</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Collectibles\">Collectibles</button><button class=\"\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Documents\">Documents</button></div><div class=\"market-source-status\"><span role=\"status\">Live public Market</span><button class=\"icon-button\" aria-label=\"Refresh public Market\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh public Market\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg></button></div><div class=\"market-layout\"><div><div class=\"market-overview\"><div class=\"market-overview-heading\"><span>Global Market Cap</span><button class=\"icon-button\" aria-label=\"About market capitalization\" aria-expanded=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"About market capitalization\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-info\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M12 16v-4\"></path><path d=\"M12 8h.01\"></path></svg></button></div><strong class=\"market-cap-amount\">$140,625.00</strong><p class=\"market-cap-subtitle\">8 of 8 assets included · counted once</p><p class=\"market-cap-subtitle\">8 assets in circulation · 8 assets listed</p><div class=\"chart-period-change positive\"><strong>↗ +$34,375.00 (+32.35%)</strong><span>Since first issuance · market cap</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Global share market cap · All history, from 106250 to 140625\"><defs><linearGradient id=\"product-example-destination-market-_R_glj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 H160 V57.45454545454546 H308 V12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-market-_R_glj9_)\"></path><path d=\"M12,112 H160 V57.45454545454546 H308 V12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div><button class=\"market-view-assets\" tabindex=\"0\" data-example-action=\"assets\">View assets<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></div><div class=\"market-actions\"><button class=\"primary-button navy-button\" tabindex=\"0\" data-example-action=\"create-asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg>Create an asset</button></div></div><section id=\"product-example-destination-market-market-explore\"><div class=\"section-heading\"><h2>Explore</h2><div class=\"market-collection-tools\"><a class=\"market-feed-entry\" href=\"https://example.invalid/\" aria-label=\"Discover people and their work\" title=\"Discover\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Discover people and their work\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg></a><span class=\"muted result-count\">8 assets</span><button class=\"market-feed-entry\" title=\"Open feed\" aria-label=\"Open feed\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open feed\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-gallery-vertical-end\"><path d=\"M7 2h10\"></path><path d=\"M5 6h14\"></path><rect width=\"18\" height=\"12\" x=\"3\" y=\"10\" rx=\"2\"></rect></svg></button></div></div><div class=\"market-rows\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-wheat\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$320.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-equipment\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/deposit-source-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$7,500.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-sneakers\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-assets-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Original sneakers</strong><span>Image</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$180.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-book\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>Book</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$45.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>Music</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$250.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-photograph\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-record-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Landscape photograph</strong><span>Image</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$120.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-tools\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-market-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Tool collection</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$460.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-studio\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-identity-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Studio access rights</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$2,375.00</strong></span></button></div><div class=\"public-market-sentinel\" aria-hidden=\"true\"></div></section></div></section><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Explore available assets and inspect what is being offered before deciding to buy."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/deposit-source-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-assets-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-record-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-market-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-identity-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"assets\" data-source-components=\"ConsoleShell,LiveAssets,Investments,PublicObjectRow\" data-example-view=\"assets\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-assets-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable assets example\"><section><h1>Your assets</h1><p class=\"page-subtitle\">Hold it. Move ownership. Unlock value.</p><section class=\"investments\" aria-label=\"Investments\"><div class=\"section-heading\"><h2>Investments</h2><div class=\"certificate-tools\"><span class=\"muted result-count\">3 holdings</span></div></div><div class=\"investment-summary\"><span>Current value</span><strong>$1,000.00</strong><span class=\"investment-return positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+$90.00<span>(+9.89%)</span></span><span class=\"muted small-copy\">Unrealized return · all current holdings</span></div><div class=\"investment-chart\"><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-description=\"Value of currently held investments using recorded share quantities and public pricing. Purchases and sales change this value; this chart is not investment return.\" aria-label=\"Current investments · historical value, from 910 to 1000\"><defs><linearGradient id=\"product-example-destination-assets-_R_a8r9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-assets-_R_a8r9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"investment-tools\"><label class=\"search-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><input aria-label=\"Search investments\" placeholder=\"Search investments\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><select aria-label=\"Sort investments\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><option value=\"value\" selected=\"\">Value</option><option value=\"return\">Return</option><option value=\"name\">Name</option></select></div><div class=\"investment-rows\"><button class=\"investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"investment-art\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"investment-row-value\"><strong>$500.00</strong><span class=\"investment-return positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+$50.00<span>(+11.11%)</span></span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"investment-art\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 shares</span></span><span class=\"investment-row-value\"><strong>$320.00</strong><span class=\"investment-return positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+$20.00<span>(+6.66%)</span></span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"investment-art\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"investment-row-value\"><strong>$180.00</strong><span class=\"investment-return positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+$20.00<span>(+12.5%)</span></span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><details class=\"investment-method\"><summary>Investment details</summary><div class=\"detail-list\"><div><span>Cost basis</span><strong>$910.00</strong></div><div><span>Account records updated</span><strong>10/20/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Current value includes your purchased shares. Cash, Showcase valuations and investments you have sold are separate. The chart shows the value of your current investments over recorded holding periods, including purchases and sales.</p></details><details class=\"investment-method\"><summary>Trade history</summary><div class=\"investment-trades\"><div class=\"section-heading\"><h3>Your trades</h3><span class=\"muted small-copy\">3</span></div><div class=\"investment-trade\"><span class=\"investment-trade-mark is-buy\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-right\"><path d=\"m7 7 10 10\"></path><path d=\"M17 7v10H7\"></path></svg></span><span class=\"row-copy\"><strong>Bought 1 shares</strong><span>10/17/2026, 8:00:00 AM</span></span><span class=\"price-stack\"><strong>$300.00</strong><span>$300.00 / share</span></span></div><div class=\"investment-trade\"><span class=\"investment-trade-mark is-buy\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-right\"><path d=\"m7 7 10 10\"></path><path d=\"M17 7v10H7\"></path></svg></span><span class=\"row-copy\"><strong>Bought 4 shares</strong><span>10/17/2026, 9:00:00 AM</span></span><span class=\"price-stack\"><strong>$160.00</strong><span>$40.00 / share</span></span></div><div class=\"investment-trade\"><span class=\"investment-trade-mark is-buy\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-right\"><path d=\"m7 7 10 10\"></path><path d=\"M17 7v10H7\"></path></svg></span><span class=\"row-copy\"><strong>Bought 2 shares</strong><span>10/17/2026, 10:00:00 AM</span></span><span class=\"price-stack\"><strong>$450.00</strong><span>$225.00 / share</span></span></div></div></details></section><div class=\"assets-summary\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><div><span>Your objects</span><strong>10 objects</strong></div></div><div class=\"section-heading\"><h2>Held proof objects</h2><span class=\"muted result-count\">2 objects</span></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop service agreement\"><span class=\"asset-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-check2\"><path d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"m3 15 2 2 4-4\"></path></svg></span><span class=\"row-copy\"><strong>Workshop service agreement</strong><span>Original source · verified owner</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Landscape print edition\"><span class=\"asset-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-check2\"><path d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"m3 15 2 2 4-4\"></path></svg></span><span class=\"row-copy\"><strong>Landscape print edition</strong><span>Original source · verified owner</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"section-heading\"><h2>Your showcase</h2><span class=\"muted result-count\">8 objects</span></div><div class=\"rows-surface market-rows\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-wheat\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$320.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-equipment\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/deposit-source-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$7,500.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-sneakers\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-assets-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Original sneakers</strong><span>Image</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$180.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-book\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>Book</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$45.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>Music</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$250.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-photograph\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-record-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Landscape photograph</strong><span>Image</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$120.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-tools\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-market-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Tool collection</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$460.00</strong></span></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"asset-detail-example-studio\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-identity-384.webp\" alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"60\" height=\"60\"></span><span class=\"row-copy\"><strong>Studio access rights</strong><span>Document</span><span class=\"market-object-provenance\"><span>@example</span><span>Sealed 10/14/2026, 12:00:00 PM</span></span></span><span class=\"price-stack\"><strong>$2,375.00</strong></span></button></div><div class=\"public-market-sentinel\" aria-hidden=\"true\"></div></section><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Keep your held Originals, ownership and public collection in one place."},{"html":"<div class=\"product-screen\" data-product-example=\"ledger\" data-source-components=\"ConsoleShell,Ledger,LedgerInspector\" data-example-view=\"ledger\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-ledger-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable ledger example\"><section><h1>Ledger</h1><p class=\"page-subtitle\">Every movement keeps its story.</p><div class=\"segmented ledger-tabs\"><button class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"My history\">My history</button><button class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Public\">Public</button></div><div class=\"ledger-search\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><input aria-label=\"Search your history\" placeholder=\"Search your history\" maxlength=\"160\" autocomplete=\"off\" enterkeyhint=\"search\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div><div class=\"ledger-public-header\"><span>History carried by your Identity Record</span></div><nav class=\"ledger-activity-filters\" aria-label=\"Your activity direction\"><button aria-pressed=\"true\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Sent\">Sent</button><button aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Received\">Received</button></nav><div class=\"rows-surface ledger-personal-rows\"><div class=\"ledger-event\"><div class=\"ledger-row-main\"><button class=\"asset-row\" aria-expanded=\"false\" tabindex=\"0\" data-example-action=\"record\"><span class=\"asset-mark send small\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><span class=\"row-copy\"><strong>Payment to Alex</strong><span>Oct 20, 12:00 PM · Sent</span></span><span class=\"ledger-value ledger-flow-out row-value\" title=\"Recorded amount · ☤KAI 120\"><strong>−$125.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"></path></svg></button><div class=\"ledger-receipt-actions\"><a href=\"https://example.invalid/\" aria-label=\"Open receipt: Payment to Alex\" title=\"Open receipt\" tabindex=\"0\" data-example-action=\"record\" data-example-feedback=\"Open receipt: Payment to Alex\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg></a><button aria-label=\"Copy receipt link: Payment to Alex\" title=\"Copy receipt link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy receipt link: Payment to Alex\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:15px;height:15px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Share receipt: Payment to Alex\" title=\"Share receipt\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share receipt: Payment to Alex\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"visually-hidden\" role=\"status\"></span></div></div></div></div><div class=\"public-market-sentinel\" aria-hidden=\"true\"></div></section><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Return to a payment, its purpose and its connected record when you need an answer."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"identity\" data-source-components=\"ConsoleShell,Sheet,IdentityProfile\" data-example-view=\"identity\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-identity-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-identity-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-identity-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-identity-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable identity example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-identity-_R_j9_\">Your account</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"identity-profile\"><div class=\"profile-identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>ID</span></span><span class=\"profile-eyebrow\">Receiz ID</span><code class=\"profile-public-id\">example</code><p>Your verified identity, secured on this device.</p></div><a class=\"identity-public-profile-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Your public profileView, share & edit\"><span><strong>Your public profile</strong><small>View, share & edit</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Back up my Identity Record\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19 11V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4M7 2v20\"></path><circle cx=\"13\" cy=\"7.5\" r=\"1.8\"></circle><path d=\"M9.8 14.5v-.8a3.2 3.2 0 0 1 6.4 0v.8\"></path><path d=\"M18 13v7m-3-3 3 3 3-3M12 22h11\"></path></svg>Back up my Identity Record</button><button type=\"button\" class=\"identity-passkey\" aria-label=\"Connect passkey\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Connect passkey\"><span class=\"identity-passkey-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-badge-check\" aria-hidden=\"true\"><path d=\"M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg></span><span>Verify profile</span><small>Sign with PBI</small></button><p class=\"identity-pbi-hint\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-fingerprint\" aria-hidden=\"true\"><path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\"></path><path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\"></path><path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\"></path><path d=\"M2 12a10 10 0 0 1 18-6\"></path><path d=\"M2 16h.01\"></path><path d=\"M21.8 16c.2-2 .131-5.354 0-6\"></path><path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\"></path><path d=\"M8.65 22c.21-.66.45-1.32.57-2\"></path><path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\"></path></svg>Passkey sign-in & recovery</p><button type=\"button\" class=\"identity-vault-entry\" tabindex=\"0\" data-example-action=\"vault\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-lock-keyhole\"><circle cx=\"12\" cy=\"16\" r=\"1\"></circle><rect x=\"3\" y=\"10\" width=\"18\" height=\"12\" rx=\"2\"></rect><path d=\"M7 10V7a5 5 0 0 1 10 0v3\"></path></svg><span><strong>Your vaults</strong><small>Your money. Your originals. Their proof.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><details class=\"identity-import bank-connection\"><summary>Bank connection</summary><div class=\"profile-owner-coordinate\"><span>Signed ownership identifier</span><code>example.receiz.id</code></div><p class=\"body-copy small-copy\">Check the account connection used for custody, ownership and currency actions.</p><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Check connection\">Check connection</button></details><section class=\"profile-device\" aria-label=\"Device custody\"><button class=\"secondary-button profile-remove\" tabindex=\"0\" data-example-action=\"entry\">Remove ID from this device</button><div class=\"profile-custody-note\"><p>Removing this ID does not close your account. Save your Identity Record and original deposited proofs first.</p><p>Offline Notes and pending receiving requests keep this device in custody. An Identity Record backup alone does not restore hardware custody. Any unfinished card checkout stays on this device.</p></div></section><footer class=\"profile-footer\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Software license & notices\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\" aria-hidden=\"true\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Software license & notices</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\" aria-hidden=\"true\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></footer></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your Receiz ID carries your account identity and continuity. These are example identity details."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-assets-384.webp\"><div class=\"product-screen\" data-product-example=\"deposit\" data-source-components=\"ConsoleShell,Sheet,LiveDeposit\" data-example-view=\"deposit\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-deposit-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-deposit-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-deposit-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-deposit-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable deposit example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-deposit-_R_j9_\">Add</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"deposit-flow\"><header class=\"deposit-intro\"><div><h1 class=\"sheet-hero\">Add money to<br>your account.</h1><p class=\"body-copy\">Money and assets.<br>One account.</p></div><img src=\"/art/proof-assets-384.webp\" width=\"1024\" height=\"896\" alt=\"\" decoding=\"async\"></header><p class=\"deposit-choice-label\">Choose what you’re adding.</p><div class=\"deposit-options\"><button class=\"deposit-money-choice\" tabindex=\"0\" data-example-action=\"add-money\"><span class=\"choice-icon green\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-circle-dollar-sign\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8\"></path><path d=\"M12 18V6\"></path></svg></span><span><strong>Add money</strong><small>Secure payment checkout</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button tabindex=\"0\" data-example-action=\"create-asset\"><span class=\"choice-icon blue\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-building2\"><path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"></path><path d=\"M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\"></path><path d=\"M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2\"></path><path d=\"M10 6h4\"></path><path d=\"M10 10h4\"></path><path d=\"M10 14h4\"></path><path d=\"M10 18h4\"></path></svg></span><span><strong>An asset</strong><small>Create or upload its original proof object</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button tabindex=\"0\" data-example-action=\"note-deposit\"><span class=\"choice-icon green\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-check2\"><path d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"m3 15 2 2 4-4\"></path></svg></span><span><strong>Settlement Note</strong><small>Deposit your Note</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><p class=\"trust-line\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg>Your source and history stay connected.</p><details class=\"deposit-consent-details\"><summary>Details</summary><p class=\"body-copy small-copy\">Adding funds brings money into your proof-native account. Its Original carries the value and proof. A completed Note can travel directly between people, including offline. Bankeiz provides convenient tools; any receiving implementation preserves the exact value, ownership and history.</p></details><a class=\"deposit-originals-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Earn from OriginalsSeal. Accrue. Sign to unlock.\"><span><strong>Earn from Originals</strong><small>Seal. Accrue. Sign to unlock.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\" aria-hidden=\"true\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Add money, open an asset’s Original or deposit a Settlement Note. Choose what you already have."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"note-create\" data-source-components=\"ConsoleShell,Sheet,OfflineNotes,OfflineNotePreview\" data-example-view=\"note-create\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-note-create-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-note-create-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-note-create-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-note-create-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable note-create example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-note-create-_R_j9_\">Send</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"offline-notes-flow\"><button class=\"back-link\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-left\"><path d=\"m12 19-7-7 7-7\"></path><path d=\"M19 12H5\"></path></svg>All send options</button><h1 class=\"sheet-hero\">Create a note.</h1><p class=\"body-copy\">Your value, in your hands. Ready to move—even offline.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Note amount</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Note amount\" value=\"100\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><figure class=\"offline-note-preview\" aria-label=\"Unissued settlement note preview, $100\"><svg viewBox=\"0 0 810 486\" role=\"img\" aria-label=\"SETTLEMENT NOTE · PROOF-NATIVE VALUE · $100 · NOT ISSUED\"><image href=\"/notes/banknote-engraving.webp\" width=\"810\" height=\"486\"></image><svg x=\"92\" y=\"88\" width=\"340\" height=\"65\" viewBox=\"45 180 2034 386\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/settlement-note-masthead.png\" width=\"2164\" height=\"727\"></image></svg><svg x=\"90.50365615368148\" y=\"171\" width=\"46.26021052631579\" height=\"58.08\" viewBox=\"58 693 227 285\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"140.99886667999726\" y=\"164\" width=\"73.16279069767442\" height=\"121\" viewBox=\"372 38 182 301\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"218.3966573776717\" y=\"164\" width=\"101.43234323432343\" height=\"121\" viewBox=\"49 38 254 303\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"324.0640006119951\" y=\"164\" width=\"101.43234323432343\" height=\"121\" viewBox=\"49 38 254 303\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"139\" y=\"312\" width=\"238\" height=\"10\" viewBox=\"224 420 1710 82\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/reserve-note-masthead.png\" width=\"2164\" height=\"727\"></image></svg><svg x=\"174\" y=\"381\" width=\"168\" height=\"8\" viewBox=\"224 420 1710 82\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/reserve-note-masthead.png\" width=\"2164\" height=\"727\"></image></svg><g fill=\"#152e43\" font-family=\"Reserve Note Serif\" font-weight=\"700\" style=\"font-kerning:none\"><text x=\"150.936\" y=\"304\" font-size=\"13.2\" letter-spacing=\"2.7\" textLength=\"214.128\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">ONE HUNDRED DOLLARS</text><text x=\"176.93\" y=\"332\" font-size=\"10.5\" letter-spacing=\"2.2\" textLength=\"162.14000000000001\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">DENOMINATED IN USD</text><text x=\"171.75\" y=\"346\" font-size=\"7.4\" letter-spacing=\"2.1\" textLength=\"172.5\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">DEPOSIT INTO YOUR ACCOUNT</text><text x=\"183.732\" y=\"394\" font-size=\"5.7\" letter-spacing=\"1.6\" textLength=\"148.536\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">TRANSFER BY VERIFIED CUSTODY</text><text x=\"23\" y=\"60.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text><text x=\"744\" y=\"60.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text><text x=\"23\" y=\"436.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text><text x=\"744\" y=\"436.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text></g></svg><figcaption>Note preview · $100 · PREVIEW — NOT ISSUED. Value is committed only when issuance completes.</figcaption></figure><p class=\"body-copy small-copy\">This amount moves from your account into the Note when creation completes.</p><details class=\"note-value-details\"><summary>Note details</summary><p>This Settlement Note holds its funded dollar denomination. Deposit returns that amount to your account.</p><p>Your identity signing key stays on this device. Keep the original PNG and this device until the Note is deposited or transferred.</p></details><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"note-review\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>Review note</button><p class=\"trust-line\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg>Proof and custody stay connected.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Move value into a portable Settlement Note. Preview the amount and review it before creating your own."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"note-review\" data-source-components=\"ConsoleShell,Sheet,OfflineNotes,OfflineNotePreview\" data-example-view=\"note-review\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-note-review-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-note-review-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-note-review-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-note-review-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable note-review example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-note-review-_R_j9_\">Send</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"offline-notes-flow\"><button class=\"back-link\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-left\"><path d=\"m12 19-7-7 7-7\"></path><path d=\"M19 12H5\"></path></svg>All send options</button><h1 class=\"sheet-hero\">Your value. In your hands.</h1><p class=\"body-copy\">Your value, in your hands. Ready to move—even offline.</p><figure class=\"offline-note-preview\" aria-label=\"Unissued settlement note preview, $100\"><svg viewBox=\"0 0 810 486\" role=\"img\" aria-label=\"SETTLEMENT NOTE · PROOF-NATIVE VALUE · $100 · NOT ISSUED\"><image href=\"/notes/banknote-engraving.webp\" width=\"810\" height=\"486\"></image><svg x=\"92\" y=\"88\" width=\"340\" height=\"65\" viewBox=\"45 180 2034 386\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/settlement-note-masthead.png\" width=\"2164\" height=\"727\"></image></svg><svg x=\"90.50365615368148\" y=\"171\" width=\"46.26021052631579\" height=\"58.08\" viewBox=\"58 693 227 285\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"140.99886667999726\" y=\"164\" width=\"73.16279069767442\" height=\"121\" viewBox=\"372 38 182 301\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"218.3966573776717\" y=\"164\" width=\"101.43234323432343\" height=\"121\" viewBox=\"49 38 254 303\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"324.0640006119951\" y=\"164\" width=\"101.43234323432343\" height=\"121\" viewBox=\"49 38 254 303\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/denomination-engraving.png\" width=\"1536\" height=\"1024\"></image></svg><svg x=\"139\" y=\"312\" width=\"238\" height=\"10\" viewBox=\"224 420 1710 82\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/reserve-note-masthead.png\" width=\"2164\" height=\"727\"></image></svg><svg x=\"174\" y=\"381\" width=\"168\" height=\"8\" viewBox=\"224 420 1710 82\" preserveAspectRatio=\"none\" overflow=\"hidden\"><image href=\"/notes/reserve-note-masthead.png\" width=\"2164\" height=\"727\"></image></svg><g fill=\"#152e43\" font-family=\"Reserve Note Serif\" font-weight=\"700\" style=\"font-kerning:none\"><text x=\"150.936\" y=\"304\" font-size=\"13.2\" letter-spacing=\"2.7\" textLength=\"214.128\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">ONE HUNDRED DOLLARS</text><text x=\"176.93\" y=\"332\" font-size=\"10.5\" letter-spacing=\"2.2\" textLength=\"162.14000000000001\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">DENOMINATED IN USD</text><text x=\"171.75\" y=\"346\" font-size=\"7.4\" letter-spacing=\"2.1\" textLength=\"172.5\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">DEPOSIT INTO YOUR ACCOUNT</text><text x=\"183.732\" y=\"394\" font-size=\"5.7\" letter-spacing=\"1.6\" textLength=\"148.536\" lengthAdjust=\"spacingAndGlyphs\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">TRANSFER BY VERIFIED CUSTODY</text><text x=\"23\" y=\"60.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text><text x=\"744\" y=\"60.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text><text x=\"23\" y=\"436.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text><text x=\"744\" y=\"436.1\" font-size=\"36\" letter-spacing=\"-0.8\" textLength=\"43\" lengthAdjust=\"spacingAndGlyphs\" stroke=\"#f4eedb\" stroke-width=\"3.4\" stroke-linejoin=\"round\" paint-order=\"stroke fill\">100</text></g></svg><figcaption>Note preview · $100 · PREVIEW — NOT ISSUED. Value is committed only when issuance completes.</figcaption></figure><div class=\"detail-list\"><div><span>Note value</span><strong>$100.00</strong></div></div><p class=\"body-copy small-copy\">This amount moves from your account into the Note when creation completes.</p><details class=\"note-value-details\"><summary>Note details</summary><p>This Settlement Note holds its funded dollar denomination. Deposit returns that amount to your account.</p><p>Your identity signing key stays on this device. Keep the original PNG and this device until the Note is deposited or transferred.</p></details><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Create funded note\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>Create funded note</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"note-create\">Edit amount</button><p class=\"trust-line\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg>Proof and custody stay connected.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Review the Note’s amount and funding before creation. This is an unissued example preview."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"note-deposit\" data-source-components=\"ConsoleShell,Sheet,OfflineNotes,OfflineNotePreview\" data-example-view=\"note-deposit\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-note-deposit-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-note-deposit-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-note-deposit-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-note-deposit-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable note-deposit example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-note-deposit-_R_j9_\">Receive</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"offline-notes-flow\"><button class=\"back-link\" tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-left\"><path d=\"m12 19-7-7 7-7\"></path><path d=\"M19 12H5\"></path></svg>All receive options</button><h1 class=\"sheet-hero\">Deposit a note.</h1><p class=\"body-copy\">Open the original note image. Its proof determines the receiving account.</p><label class=\"file-drop\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open the complete original to inspect its proof and ownership.\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-upload\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"17 8 12 3 7 8\"></polyline><line x1=\"12\" x2=\"12\" y1=\"3\" y2=\"15\"></line></svg><strong>Choose note image</strong><span>Original note PNG or deposit proof</span><input type=\"file\" accept=\"image/png,.png,application/json,.json\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Create receiving request\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Create receiving request</button><p class=\"body-copy small-copy\">Receiving from another person? Send them your ID’s receiving request first. Open the resulting Note here to verify and retain its complete proof.</p><p class=\"trust-line\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg>Proof and custody stay connected.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Open the original Note to check its proof and funded value before depositing it."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"send-review\" data-source-components=\"ConsoleShell,Sheet,WalletPaymentReview\" data-example-view=\"send-review\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-send-review-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-send-review-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-send-review-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-send-review-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable send-review example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-send-review-_R_j9_\">Send</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Alex · Example</strong></div><div><span>You send</span><strong>$125.00</strong></div><div><span>Φ at this quote</span><strong>6.25 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Design work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"0\" data-example-approve=\"\"><span>I approve sending $125.00 to Alex · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" tabindex=\"0\" data-example-action=\"send-complete\" data-example-requires-approval=\"\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"send\">Edit details</button></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Check exactly who receives the money and how much. Your approval belongs to this payment."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"send-complete\" data-source-components=\"ConsoleShell,Sheet,WalletPaymentResult\" data-example-view=\"send-complete\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-send-complete-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-send-complete-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-send-complete-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-send-complete-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable send-complete example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-send-complete-_R_j9_\">Send</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"native-operation-result\" aria-live=\"polite\"><div class=\"status-icon success\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></div><h1 class=\"sheet-hero\">Payment sent.</h1><p class=\"body-copy\">Wallet recorded your payment. Its transaction record is saved on this device, and your account and Ledger are refreshing.</p><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"send\"> Send another payment</button></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The completed-payment screen keeps the payment and its record connected. Example only: no money moved."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"send-ownership\" data-source-components=\"ConsoleShell,Sheet,LiveOwnership\" data-example-view=\"send-ownership\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-send-ownership-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-send-ownership-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-send-ownership-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-send-ownership-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable send-ownership example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-send-ownership-_R_j9_\">Send</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><fieldset class=\"native-operation-fields\"><h1 class=\"sheet-hero\">Move ownership.</h1><p class=\"body-copy\">Choose the exact ownership to move. Its original proof stays connected.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Asset</span><select aria-label=\"Owned asset\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><option value=\"\" selected=\"\">Choose an original source</option></select></label><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Ownership to send</span><div class=\"amount-input \"><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Ownership to send\" value=\"1\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"amount-suffix\">units</span></div></label><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Recipient</span><input placeholder=\"Receiz ID or public username\" maxlength=\"160\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label></fieldset><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Review verifies the available terms. Your final approval authorizes the transaction.</p></div><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Review ownership transfer\">Review ownership transfer<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Send ownership of an asset through the same account while keeping its history connected."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"receive-checkout\" data-source-components=\"ConsoleShell,Sheet,LiveReceive,PaymentTools\" data-example-view=\"receive-checkout\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-receive-checkout-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-receive-checkout-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-receive-checkout-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-receive-checkout-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable receive-checkout example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-receive-checkout-_R_j9_\">Receive</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"dual-actions receive-top-actions\"><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"note-deposit\">Deposit note</button><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"counter\">Counter</button></div><h1 class=\"sheet-hero receive-heading\">Your value has a home.</h1><p class=\"body-copy receive-intro\">Receive money or asset ownership directly into your account.</p><div class=\"segmented receive-link-modes\" role=\"group\" aria-label=\"Payment link type\"><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive\">Send link</button><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive-checkout\">Checkout link</button></div><div class=\"receiving-card receive-payment-card\"><svg viewBox=\"0 0 61 61\" class=\"payment-qr\" role=\"img\" aria-label=\"Your payment QR\"><rect width=\"61\" height=\"61\" fill=\"#fff\"></rect><path d=\"M4,4h1v1h-1zM5,4h1v1h-1zM6,4h1v1h-1zM7,4h1v1h-1zM8,4h1v1h-1zM9,4h1v1h-1zM10,4h1v1h-1zM14,4h1v1h-1zM16,4h1v1h-1zM18,4h1v1h-1zM19,4h1v1h-1zM21,4h1v1h-1zM22,4h1v1h-1zM24,4h1v1h-1zM26,4h1v1h-1zM27,4h1v1h-1zM29,4h1v1h-1zM32,4h1v1h-1zM34,4h1v1h-1zM35,4h1v1h-1zM36,4h1v1h-1zM37,4h1v1h-1zM42,4h1v1h-1zM43,4h1v1h-1zM44,4h1v1h-1zM45,4h1v1h-1zM46,4h1v1h-1zM50,4h1v1h-1zM51,4h1v1h-1zM52,4h1v1h-1zM53,4h1v1h-1zM54,4h1v1h-1zM55,4h1v1h-1zM56,4h1v1h-1zM4,5h1v1h-1zM10,5h1v1h-1zM13,5h1v1h-1zM16,5h1v1h-1zM17,5h1v1h-1zM19,5h1v1h-1zM20,5h1v1h-1zM22,5h1v1h-1zM25,5h1v1h-1zM27,5h1v1h-1zM28,5h1v1h-1zM29,5h1v1h-1zM30,5h1v1h-1zM32,5h1v1h-1zM35,5h1v1h-1zM37,5h1v1h-1zM40,5h1v1h-1zM43,5h1v1h-1zM45,5h1v1h-1zM46,5h1v1h-1zM47,5h1v1h-1zM50,5h1v1h-1zM56,5h1v1h-1zM4,6h1v1h-1zM6,6h1v1h-1zM7,6h1v1h-1zM8,6h1v1h-1zM10,6h1v1h-1zM12,6h1v1h-1zM13,6h1v1h-1zM16,6h1v1h-1zM17,6h1v1h-1zM18,6h1v1h-1zM19,6h1v1h-1zM24,6h1v1h-1zM25,6h1v1h-1zM26,6h1v1h-1zM27,6h1v1h-1zM29,6h1v1h-1zM34,6h1v1h-1zM36,6h1v1h-1zM37,6h1v1h-1zM39,6h1v1h-1zM40,6h1v1h-1zM42,6h1v1h-1zM44,6h1v1h-1zM45,6h1v1h-1zM47,6h1v1h-1zM50,6h1v1h-1zM52,6h1v1h-1zM53,6h1v1h-1zM54,6h1v1h-1zM56,6h1v1h-1zM4,7h1v1h-1zM6,7h1v1h-1zM7,7h1v1h-1zM8,7h1v1h-1zM10,7h1v1h-1zM14,7h1v1h-1zM15,7h1v1h-1zM16,7h1v1h-1zM17,7h1v1h-1zM19,7h1v1h-1zM22,7h1v1h-1zM25,7h1v1h-1zM27,7h1v1h-1zM29,7h1v1h-1zM32,7h1v1h-1zM36,7h1v1h-1zM37,7h1v1h-1zM38,7h1v1h-1zM39,7h1v1h-1zM44,7h1v1h-1zM46,7h1v1h-1zM48,7h1v1h-1zM50,7h1v1h-1zM52,7h1v1h-1zM53,7h1v1h-1zM54,7h1v1h-1zM56,7h1v1h-1zM4,8h1v1h-1zM6,8h1v1h-1zM7,8h1v1h-1zM8,8h1v1h-1zM10,8h1v1h-1zM15,8h1v1h-1zM17,8h1v1h-1zM18,8h1v1h-1zM19,8h1v1h-1zM22,8h1v1h-1zM24,8h1v1h-1zM25,8h1v1h-1zM26,8h1v1h-1zM27,8h1v1h-1zM28,8h1v1h-1zM29,8h1v1h-1zM30,8h1v1h-1zM31,8h1v1h-1zM32,8h1v1h-1zM34,8h1v1h-1zM37,8h1v1h-1zM39,8h1v1h-1zM40,8h1v1h-1zM42,8h1v1h-1zM46,8h1v1h-1zM50,8h1v1h-1zM52,8h1v1h-1zM53,8h1v1h-1zM54,8h1v1h-1zM56,8h1v1h-1zM4,9h1v1h-1zM10,9h1v1h-1zM15,9h1v1h-1zM17,9h1v1h-1zM19,9h1v1h-1zM20,9h1v1h-1zM22,9h1v1h-1zM25,9h1v1h-1zM28,9h1v1h-1zM32,9h1v1h-1zM36,9h1v1h-1zM37,9h1v1h-1zM39,9h1v1h-1zM44,9h1v1h-1zM45,9h1v1h-1zM46,9h1v1h-1zM50,9h1v1h-1zM56,9h1v1h-1zM4,10h1v1h-1zM5,10h1v1h-1zM6,10h1v1h-1zM7,10h1v1h-1zM8,10h1v1h-1zM9,10h1v1h-1zM10,10h1v1h-1zM12,10h1v1h-1zM14,10h1v1h-1zM16,10h1v1h-1zM18,10h1v1h-1zM20,10h1v1h-1zM22,10h1v1h-1zM24,10h1v1h-1zM26,10h1v1h-1zM28,10h1v1h-1zM30,10h1v1h-1zM32,10h1v1h-1zM34,10h1v1h-1zM36,10h1v1h-1zM38,10h1v1h-1zM40,10h1v1h-1zM42,10h1v1h-1zM44,10h1v1h-1zM46,10h1v1h-1zM48,10h1v1h-1zM50,10h1v1h-1zM51,10h1v1h-1zM52,10h1v1h-1zM53,10h1v1h-1zM54,10h1v1h-1zM55,10h1v1h-1zM56,10h1v1h-1zM12,11h1v1h-1zM13,11h1v1h-1zM14,11h1v1h-1zM20,11h1v1h-1zM21,11h1v1h-1zM22,11h1v1h-1zM23,11h1v1h-1zM27,11h1v1h-1zM28,11h1v1h-1zM32,11h1v1h-1zM34,11h1v1h-1zM35,11h1v1h-1zM37,11h1v1h-1zM42,11h1v1h-1zM43,11h1v1h-1zM46,11h1v1h-1zM48,11h1v1h-1zM4,12h1v1h-1zM5,12h1v1h-1zM6,12h1v1h-1zM8,12h1v1h-1zM9,12h1v1h-1zM10,12h1v1h-1zM11,12h1v1h-1zM12,12h1v1h-1zM14,12h1v1h-1zM15,12h1v1h-1zM18,12h1v1h-1zM19,12h1v1h-1zM20,12h1v1h-1zM21,12h1v1h-1zM24,12h1v1h-1zM26,12h1v1h-1zM27,12h1v1h-1zM28,12h1v1h-1zM29,12h1v1h-1zM30,12h1v1h-1zM31,12h1v1h-1zM32,12h1v1h-1zM35,12h1v1h-1zM37,12h1v1h-1zM38,12h1v1h-1zM40,12h1v1h-1zM43,12h1v1h-1zM45,12h1v1h-1zM49,12h1v1h-1zM50,12h1v1h-1zM54,12h1v1h-1zM5,13h1v1h-1zM6,13h1v1h-1zM8,13h1v1h-1zM11,13h1v1h-1zM12,13h1v1h-1zM13,13h1v1h-1zM14,13h1v1h-1zM15,13h1v1h-1zM16,13h1v1h-1zM19,13h1v1h-1zM21,13h1v1h-1zM24,13h1v1h-1zM28,13h1v1h-1zM29,13h1v1h-1zM34,13h1v1h-1zM35,13h1v1h-1zM36,13h1v1h-1zM37,13h1v1h-1zM42,13h1v1h-1zM43,13h1v1h-1zM44,13h1v1h-1zM47,13h1v1h-1zM53,13h1v1h-1zM56,13h1v1h-1zM5,14h1v1h-1zM6,14h1v1h-1zM7,14h1v1h-1zM8,14h1v1h-1zM10,14h1v1h-1zM11,14h1v1h-1zM12,14h1v1h-1zM13,14h1v1h-1zM14,14h1v1h-1zM17,14h1v1h-1zM19,14h1v1h-1zM20,14h1v1h-1zM22,14h1v1h-1zM25,14h1v1h-1zM27,14h1v1h-1zM28,14h1v1h-1zM29,14h1v1h-1zM30,14h1v1h-1zM32,14h1v1h-1zM34,14h1v1h-1zM35,14h1v1h-1zM37,14h1v1h-1zM38,14h1v1h-1zM40,14h1v1h-1zM42,14h1v1h-1zM43,14h1v1h-1zM47,14h1v1h-1zM48,14h1v1h-1zM49,14h1v1h-1zM53,14h1v1h-1zM54,14h1v1h-1zM55,14h1v1h-1zM56,14h1v1h-1zM4,15h1v1h-1zM5,15h1v1h-1zM6,15h1v1h-1zM9,15h1v1h-1zM11,15h1v1h-1zM12,15h1v1h-1zM15,15h1v1h-1zM17,15h1v1h-1zM18,15h1v1h-1zM19,15h1v1h-1zM24,15h1v1h-1zM25,15h1v1h-1zM26,15h1v1h-1zM27,15h1v1h-1zM29,15h1v1h-1zM34,15h1v1h-1zM37,15h1v1h-1zM39,15h1v1h-1zM42,15h1v1h-1zM45,15h1v1h-1zM47,15h1v1h-1zM48,15h1v1h-1zM49,15h1v1h-1zM51,15h1v1h-1zM53,15h1v1h-1zM55,15h1v1h-1zM5,16h1v1h-1zM8,16h1v1h-1zM10,16h1v1h-1zM12,16h1v1h-1zM13,16h1v1h-1zM15,16h1v1h-1zM16,16h1v1h-1zM17,16h1v1h-1zM19,16h1v1h-1zM20,16h1v1h-1zM22,16h1v1h-1zM24,16h1v1h-1zM25,16h1v1h-1zM27,16h1v1h-1zM28,16h1v1h-1zM29,16h1v1h-1zM30,16h1v1h-1zM32,16h1v1h-1zM36,16h1v1h-1zM37,16h1v1h-1zM38,16h1v1h-1zM39,16h1v1h-1zM44,16h1v1h-1zM45,16h1v1h-1zM46,16h1v1h-1zM47,16h1v1h-1zM48,16h1v1h-1zM49,16h1v1h-1zM50,16h1v1h-1zM51,16h1v1h-1zM53,16h1v1h-1zM54,16h1v1h-1zM56,16h1v1h-1zM4,17h1v1h-1zM5,17h1v1h-1zM6,17h1v1h-1zM8,17h1v1h-1zM9,17h1v1h-1zM11,17h1v1h-1zM14,17h1v1h-1zM17,17h1v1h-1zM19,17h1v1h-1zM24,17h1v1h-1zM25,17h1v1h-1zM27,17h1v1h-1zM29,17h1v1h-1zM34,17h1v1h-1zM37,17h1v1h-1zM39,17h1v1h-1zM40,17h1v1h-1zM42,17h1v1h-1zM45,17h1v1h-1zM47,17h1v1h-1zM49,17h1v1h-1zM51,17h1v1h-1zM52,17h1v1h-1zM53,17h1v1h-1zM55,17h1v1h-1zM4,18h1v1h-1zM10,18h1v1h-1zM11,18h1v1h-1zM12,18h1v1h-1zM15,18h1v1h-1zM16,18h1v1h-1zM17,18h1v1h-1zM19,18h1v1h-1zM20,18h1v1h-1zM22,18h1v1h-1zM25,18h1v1h-1zM27,18h1v1h-1zM28,18h1v1h-1zM29,18h1v1h-1zM30,18h1v1h-1zM32,18h1v1h-1zM34,18h1v1h-1zM36,18h1v1h-1zM37,18h1v1h-1zM38,18h1v1h-1zM39,18h1v1h-1zM42,18h1v1h-1zM44,18h1v1h-1zM45,18h1v1h-1zM46,18h1v1h-1zM47,18h1v1h-1zM48,18h1v1h-1zM49,18h1v1h-1zM50,18h1v1h-1zM51,18h1v1h-1zM53,18h1v1h-1zM55,18h1v1h-1zM4,19h1v1h-1zM5,19h1v1h-1zM12,19h1v1h-1zM14,19h1v1h-1zM17,19h1v1h-1zM18,19h1v1h-1zM19,19h1v1h-1zM24,19h1v1h-1zM25,19h1v1h-1zM26,19h1v1h-1zM27,19h1v1h-1zM29,19h1v1h-1zM33,19h1v1h-1zM38,19h1v1h-1zM39,19h1v1h-1zM41,19h1v1h-1zM47,19h1v1h-1zM49,19h1v1h-1zM50,19h1v1h-1zM51,19h1v1h-1zM52,19h1v1h-1zM53,19h1v1h-1zM55,19h1v1h-1zM56,19h1v1h-1zM4,20h1v1h-1zM5,20h1v1h-1zM9,20h1v1h-1zM10,20h1v1h-1zM11,20h1v1h-1zM12,20h1v1h-1zM13,20h1v1h-1zM17,20h1v1h-1zM20,20h1v1h-1zM22,20h1v1h-1zM23,20h1v1h-1zM24,20h1v1h-1zM25,20h1v1h-1zM27,20h1v1h-1zM28,20h1v1h-1zM29,20h1v1h-1zM30,20h1v1h-1zM32,20h1v1h-1zM33,20h1v1h-1zM34,20h1v1h-1zM36,20h1v1h-1zM39,20h1v1h-1zM41,20h1v1h-1zM42,20h1v1h-1zM44,20h1v1h-1zM45,20h1v1h-1zM46,20h1v1h-1zM47,20h1v1h-1zM51,20h1v1h-1zM52,20h1v1h-1zM53,20h1v1h-1zM55,20h1v1h-1zM6,21h1v1h-1zM8,21h1v1h-1zM9,21h1v1h-1zM13,21h1v1h-1zM16,21h1v1h-1zM17,21h1v1h-1zM20,21h1v1h-1zM23,21h1v1h-1zM25,21h1v1h-1zM27,21h1v1h-1zM30,21h1v1h-1zM31,21h1v1h-1zM33,21h1v1h-1zM38,21h1v1h-1zM39,21h1v1h-1zM40,21h1v1h-1zM41,21h1v1h-1zM49,21h1v1h-1zM54,21h1v1h-1zM56,21h1v1h-1zM4,22h1v1h-1zM6,22h1v1h-1zM8,22h1v1h-1zM10,22h1v1h-1zM13,22h1v1h-1zM14,22h1v1h-1zM16,22h1v1h-1zM18,22h1v1h-1zM21,22h1v1h-1zM23,22h1v1h-1zM24,22h1v1h-1zM26,22h1v1h-1zM28,22h1v1h-1zM31,22h1v1h-1zM33,22h1v1h-1zM34,22h1v1h-1zM36,22h1v1h-1zM38,22h1v1h-1zM39,22h1v1h-1zM41,22h1v1h-1zM42,22h1v1h-1zM44,22h1v1h-1zM45,22h1v1h-1zM47,22h1v1h-1zM48,22h1v1h-1zM51,22h1v1h-1zM52,22h1v1h-1zM55,22h1v1h-1zM56,22h1v1h-1zM4,23h1v1h-1zM5,23h1v1h-1zM6,23h1v1h-1zM11,23h1v1h-1zM16,23h1v1h-1zM20,23h1v1h-1zM21,23h1v1h-1zM22,23h1v1h-1zM23,23h1v1h-1zM28,23h1v1h-1zM30,23h1v1h-1zM31,23h1v1h-1zM32,23h1v1h-1zM33,23h1v1h-1zM35,23h1v1h-1zM38,23h1v1h-1zM41,23h1v1h-1zM43,23h1v1h-1zM46,23h1v1h-1zM47,23h1v1h-1zM50,23h1v1h-1zM54,23h1v1h-1zM55,23h1v1h-1zM4,24h1v1h-1zM5,24h1v1h-1zM8,24h1v1h-1zM10,24h1v1h-1zM11,24h1v1h-1zM12,24h1v1h-1zM14,24h1v1h-1zM16,24h1v1h-1zM18,24h1v1h-1zM20,24h1v1h-1zM21,24h1v1h-1zM23,24h1v1h-1zM24,24h1v1h-1zM26,24h1v1h-1zM30,24h1v1h-1zM31,24h1v1h-1zM33,24h1v1h-1zM34,24h1v1h-1zM35,24h1v1h-1zM40,24h1v1h-1zM41,24h1v1h-1zM42,24h1v1h-1zM43,24h1v1h-1zM48,24h1v1h-1zM52,24h1v1h-1zM54,24h1v1h-1zM55,24h1v1h-1zM56,24h1v1h-1zM4,25h1v1h-1zM5,25h1v1h-1zM6,25h1v1h-1zM7,25h1v1h-1zM11,25h1v1h-1zM13,25h1v1h-1zM14,25h1v1h-1zM20,25h1v1h-1zM21,25h1v1h-1zM23,25h1v1h-1zM28,25h1v1h-1zM30,25h1v1h-1zM31,25h1v1h-1zM33,25h1v1h-1zM35,25h1v1h-1zM36,25h1v1h-1zM38,25h1v1h-1zM41,25h1v1h-1zM43,25h1v1h-1zM44,25h1v1h-1zM46,25h1v1h-1zM48,25h1v1h-1zM50,25h1v1h-1zM53,25h1v1h-1zM54,25h1v1h-1zM7,26h1v1h-1zM8,26h1v1h-1zM10,26h1v1h-1zM16,26h1v1h-1zM18,26h1v1h-1zM21,26h1v1h-1zM23,26h1v1h-1zM24,26h1v1h-1zM26,26h1v1h-1zM28,26h1v1h-1zM31,26h1v1h-1zM33,26h1v1h-1zM34,26h1v1h-1zM35,26h1v1h-1zM38,26h1v1h-1zM40,26h1v1h-1zM41,26h1v1h-1zM42,26h1v1h-1zM43,26h1v1h-1zM46,26h1v1h-1zM50,26h1v1h-1zM52,26h1v1h-1zM56,26h1v1h-1zM7,27h1v1h-1zM8,27h1v1h-1zM9,27h1v1h-1zM11,27h1v1h-1zM12,27h1v1h-1zM14,27h1v1h-1zM16,27h1v1h-1zM20,27h1v1h-1zM21,27h1v1h-1zM22,27h1v1h-1zM23,27h1v1h-1zM28,27h1v1h-1zM30,27h1v1h-1zM31,27h1v1h-1zM32,27h1v1h-1zM34,27h1v1h-1zM35,27h1v1h-1zM37,27h1v1h-1zM42,27h1v1h-1zM43,27h1v1h-1zM45,27h1v1h-1zM46,27h1v1h-1zM48,27h1v1h-1zM50,27h1v1h-1zM51,27h1v1h-1zM52,27h1v1h-1zM53,27h1v1h-1zM5,28h1v1h-1zM7,28h1v1h-1zM8,28h1v1h-1zM9,28h1v1h-1zM10,28h1v1h-1zM11,28h1v1h-1zM12,28h1v1h-1zM18,28h1v1h-1zM19,28h1v1h-1zM20,28h1v1h-1zM21,28h1v1h-1zM24,28h1v1h-1zM26,28h1v1h-1zM28,28h1v1h-1zM29,28h1v1h-1zM30,28h1v1h-1zM31,28h1v1h-1zM32,28h1v1h-1zM35,28h1v1h-1zM37,28h1v1h-1zM38,28h1v1h-1zM40,28h1v1h-1zM43,28h1v1h-1zM46,28h1v1h-1zM48,28h1v1h-1zM49,28h1v1h-1zM50,28h1v1h-1zM51,28h1v1h-1zM52,28h1v1h-1zM56,28h1v1h-1zM4,29h1v1h-1zM6,29h1v1h-1zM8,29h1v1h-1zM12,29h1v1h-1zM13,29h1v1h-1zM19,29h1v1h-1zM21,29h1v1h-1zM24,29h1v1h-1zM28,29h1v1h-1zM32,29h1v1h-1zM34,29h1v1h-1zM35,29h1v1h-1zM36,29h1v1h-1zM37,29h1v1h-1zM42,29h1v1h-1zM43,29h1v1h-1zM44,29h1v1h-1zM48,29h1v1h-1zM52,29h1v1h-1zM53,29h1v1h-1zM56,29h1v1h-1zM5,30h1v1h-1zM6,30h1v1h-1zM8,30h1v1h-1zM10,30h1v1h-1zM12,30h1v1h-1zM14,30h1v1h-1zM15,30h1v1h-1zM17,30h1v1h-1zM19,30h1v1h-1zM20,30h1v1h-1zM22,30h1v1h-1zM25,30h1v1h-1zM27,30h1v1h-1zM28,30h1v1h-1zM30,30h1v1h-1zM32,30h1v1h-1zM34,30h1v1h-1zM35,30h1v1h-1zM37,30h1v1h-1zM38,30h1v1h-1zM40,30h1v1h-1zM42,30h1v1h-1zM43,30h1v1h-1zM47,30h1v1h-1zM48,30h1v1h-1zM50,30h1v1h-1zM52,30h1v1h-1zM53,30h1v1h-1zM54,30h1v1h-1zM55,30h1v1h-1zM56,30h1v1h-1zM4,31h1v1h-1zM5,31h1v1h-1zM6,31h1v1h-1zM8,31h1v1h-1zM12,31h1v1h-1zM15,31h1v1h-1zM16,31h1v1h-1zM17,31h1v1h-1zM18,31h1v1h-1zM19,31h1v1h-1zM24,31h1v1h-1zM25,31h1v1h-1zM26,31h1v1h-1zM28,31h1v1h-1zM32,31h1v1h-1zM34,31h1v1h-1zM37,31h1v1h-1zM39,31h1v1h-1zM42,31h1v1h-1zM45,31h1v1h-1zM47,31h1v1h-1zM48,31h1v1h-1zM52,31h1v1h-1zM53,31h1v1h-1zM55,31h1v1h-1zM5,32h1v1h-1zM6,32h1v1h-1zM8,32h1v1h-1zM9,32h1v1h-1zM10,32h1v1h-1zM11,32h1v1h-1zM12,32h1v1h-1zM13,32h1v1h-1zM14,32h1v1h-1zM17,32h1v1h-1zM19,32h1v1h-1zM20,32h1v1h-1zM22,32h1v1h-1zM24,32h1v1h-1zM25,32h1v1h-1zM27,32h1v1h-1zM28,32h1v1h-1zM29,32h1v1h-1zM30,32h1v1h-1zM31,32h1v1h-1zM32,32h1v1h-1zM36,32h1v1h-1zM37,32h1v1h-1zM38,32h1v1h-1zM39,32h1v1h-1zM44,32h1v1h-1zM45,32h1v1h-1zM46,32h1v1h-1zM48,32h1v1h-1zM49,32h1v1h-1zM50,32h1v1h-1zM51,32h1v1h-1zM52,32h1v1h-1zM53,32h1v1h-1zM54,32h1v1h-1zM55,32h1v1h-1zM56,32h1v1h-1zM5,33h1v1h-1zM6,33h1v1h-1zM7,33h1v1h-1zM11,33h1v1h-1zM12,33h1v1h-1zM13,33h1v1h-1zM14,33h1v1h-1zM17,33h1v1h-1zM19,33h1v1h-1zM24,33h1v1h-1zM25,33h1v1h-1zM27,33h1v1h-1zM29,33h1v1h-1zM32,33h1v1h-1zM34,33h1v1h-1zM37,33h1v1h-1zM39,33h1v1h-1zM40,33h1v1h-1zM42,33h1v1h-1zM45,33h1v1h-1zM47,33h1v1h-1zM49,33h1v1h-1zM50,33h1v1h-1zM54,33h1v1h-1zM55,33h1v1h-1zM6,34h1v1h-1zM7,34h1v1h-1zM10,34h1v1h-1zM11,34h1v1h-1zM12,34h1v1h-1zM17,34h1v1h-1zM19,34h1v1h-1zM20,34h1v1h-1zM22,34h1v1h-1zM25,34h1v1h-1zM30,34h1v1h-1zM31,34h1v1h-1zM32,34h1v1h-1zM34,34h1v1h-1zM36,34h1v1h-1zM37,34h1v1h-1zM38,34h1v1h-1zM39,34h1v1h-1zM42,34h1v1h-1zM44,34h1v1h-1zM45,34h1v1h-1zM46,34h1v1h-1zM49,34h1v1h-1zM50,34h1v1h-1zM51,34h1v1h-1zM53,34h1v1h-1zM55,34h1v1h-1zM4,35h1v1h-1zM11,35h1v1h-1zM13,35h1v1h-1zM15,35h1v1h-1zM17,35h1v1h-1zM18,35h1v1h-1zM19,35h1v1h-1zM24,35h1v1h-1zM25,35h1v1h-1zM26,35h1v1h-1zM27,35h1v1h-1zM31,35h1v1h-1zM33,35h1v1h-1zM38,35h1v1h-1zM39,35h1v1h-1zM41,35h1v1h-1zM43,35h1v1h-1zM45,35h1v1h-1zM47,35h1v1h-1zM49,35h1v1h-1zM50,35h1v1h-1zM51,35h1v1h-1zM52,35h1v1h-1zM53,35h1v1h-1zM55,35h1v1h-1zM56,35h1v1h-1zM4,36h1v1h-1zM7,36h1v1h-1zM9,36h1v1h-1zM10,36h1v1h-1zM12,36h1v1h-1zM13,36h1v1h-1zM14,36h1v1h-1zM16,36h1v1h-1zM17,36h1v1h-1zM20,36h1v1h-1zM22,36h1v1h-1zM23,36h1v1h-1zM24,36h1v1h-1zM25,36h1v1h-1zM30,36h1v1h-1zM31,36h1v1h-1zM32,36h1v1h-1zM33,36h1v1h-1zM34,36h1v1h-1zM36,36h1v1h-1zM39,36h1v1h-1zM41,36h1v1h-1zM42,36h1v1h-1zM44,36h1v1h-1zM45,36h1v1h-1zM46,36h1v1h-1zM50,36h1v1h-1zM52,36h1v1h-1zM55,36h1v1h-1zM4,37h1v1h-1zM6,37h1v1h-1zM7,37h1v1h-1zM8,37h1v1h-1zM13,37h1v1h-1zM14,37h1v1h-1zM17,37h1v1h-1zM20,37h1v1h-1zM23,37h1v1h-1zM25,37h1v1h-1zM27,37h1v1h-1zM31,37h1v1h-1zM33,37h1v1h-1zM38,37h1v1h-1zM39,37h1v1h-1zM40,37h1v1h-1zM41,37h1v1h-1zM44,37h1v1h-1zM47,37h1v1h-1zM52,37h1v1h-1zM54,37h1v1h-1zM56,37h1v1h-1zM5,38h1v1h-1zM6,38h1v1h-1zM7,38h1v1h-1zM9,38h1v1h-1zM10,38h1v1h-1zM11,38h1v1h-1zM12,38h1v1h-1zM14,38h1v1h-1zM15,38h1v1h-1zM16,38h1v1h-1zM18,38h1v1h-1zM21,38h1v1h-1zM23,38h1v1h-1zM24,38h1v1h-1zM26,38h1v1h-1zM30,38h1v1h-1zM31,38h1v1h-1zM32,38h1v1h-1zM33,38h1v1h-1zM34,38h1v1h-1zM36,38h1v1h-1zM38,38h1v1h-1zM39,38h1v1h-1zM41,38h1v1h-1zM42,38h1v1h-1zM43,38h1v1h-1zM50,38h1v1h-1zM55,38h1v1h-1zM56,38h1v1h-1zM4,39h1v1h-1zM6,39h1v1h-1zM8,39h1v1h-1zM9,39h1v1h-1zM12,39h1v1h-1zM13,39h1v1h-1zM14,39h1v1h-1zM20,39h1v1h-1zM21,39h1v1h-1zM22,39h1v1h-1zM23,39h1v1h-1zM27,39h1v1h-1zM31,39h1v1h-1zM33,39h1v1h-1zM35,39h1v1h-1zM38,39h1v1h-1zM41,39h1v1h-1zM43,39h1v1h-1zM46,39h1v1h-1zM48,39h1v1h-1zM52,39h1v1h-1zM54,39h1v1h-1zM55,39h1v1h-1zM5,40h1v1h-1zM7,40h1v1h-1zM8,40h1v1h-1zM9,40h1v1h-1zM10,40h1v1h-1zM11,40h1v1h-1zM14,40h1v1h-1zM15,40h1v1h-1zM16,40h1v1h-1zM18,40h1v1h-1zM20,40h1v1h-1zM21,40h1v1h-1zM23,40h1v1h-1zM24,40h1v1h-1zM26,40h1v1h-1zM28,40h1v1h-1zM30,40h1v1h-1zM31,40h1v1h-1zM32,40h1v1h-1zM33,40h1v1h-1zM34,40h1v1h-1zM35,40h1v1h-1zM40,40h1v1h-1zM41,40h1v1h-1zM42,40h1v1h-1zM43,40h1v1h-1zM50,40h1v1h-1zM54,40h1v1h-1zM5,41h1v1h-1zM6,41h1v1h-1zM11,41h1v1h-1zM12,41h1v1h-1zM15,41h1v1h-1zM20,41h1v1h-1zM21,41h1v1h-1zM23,41h1v1h-1zM27,41h1v1h-1zM28,41h1v1h-1zM31,41h1v1h-1zM33,41h1v1h-1zM35,41h1v1h-1zM36,41h1v1h-1zM38,41h1v1h-1zM41,41h1v1h-1zM43,41h1v1h-1zM44,41h1v1h-1zM46,41h1v1h-1zM48,41h1v1h-1zM50,41h1v1h-1zM54,41h1v1h-1zM4,42h1v1h-1zM7,42h1v1h-1zM8,42h1v1h-1zM9,42h1v1h-1zM10,42h1v1h-1zM13,42h1v1h-1zM14,42h1v1h-1zM15,42h1v1h-1zM16,42h1v1h-1zM18,42h1v1h-1zM21,42h1v1h-1zM23,42h1v1h-1zM24,42h1v1h-1zM26,42h1v1h-1zM27,42h1v1h-1zM28,42h1v1h-1zM29,42h1v1h-1zM32,42h1v1h-1zM33,42h1v1h-1zM34,42h1v1h-1zM35,42h1v1h-1zM38,42h1v1h-1zM40,42h1v1h-1zM41,42h1v1h-1zM42,42h1v1h-1zM43,42h1v1h-1zM46,42h1v1h-1zM47,42h1v1h-1zM48,42h1v1h-1zM49,42h1v1h-1zM50,42h1v1h-1zM53,42h1v1h-1zM56,42h1v1h-1zM4,43h1v1h-1zM6,43h1v1h-1zM8,43h1v1h-1zM11,43h1v1h-1zM12,43h1v1h-1zM20,43h1v1h-1zM21,43h1v1h-1zM22,43h1v1h-1zM23,43h1v1h-1zM28,43h1v1h-1zM29,43h1v1h-1zM30,43h1v1h-1zM32,43h1v1h-1zM34,43h1v1h-1zM35,43h1v1h-1zM37,43h1v1h-1zM42,43h1v1h-1zM43,43h1v1h-1zM44,43h1v1h-1zM46,43h1v1h-1zM47,43h1v1h-1zM48,43h1v1h-1zM49,43h1v1h-1zM50,43h1v1h-1zM52,43h1v1h-1zM5,44h1v1h-1zM6,44h1v1h-1zM7,44h1v1h-1zM9,44h1v1h-1zM10,44h1v1h-1zM11,44h1v1h-1zM12,44h1v1h-1zM16,44h1v1h-1zM18,44h1v1h-1zM19,44h1v1h-1zM20,44h1v1h-1zM21,44h1v1h-1zM24,44h1v1h-1zM26,44h1v1h-1zM27,44h1v1h-1zM28,44h1v1h-1zM29,44h1v1h-1zM35,44h1v1h-1zM37,44h1v1h-1zM38,44h1v1h-1zM40,44h1v1h-1zM44,44h1v1h-1zM45,44h1v1h-1zM46,44h1v1h-1zM47,44h1v1h-1zM48,44h1v1h-1zM49,44h1v1h-1zM51,44h1v1h-1zM52,44h1v1h-1zM56,44h1v1h-1zM4,45h1v1h-1zM7,45h1v1h-1zM8,45h1v1h-1zM9,45h1v1h-1zM15,45h1v1h-1zM16,45h1v1h-1zM19,45h1v1h-1zM21,45h1v1h-1zM24,45h1v1h-1zM27,45h1v1h-1zM28,45h1v1h-1zM29,45h1v1h-1zM32,45h1v1h-1zM34,45h1v1h-1zM35,45h1v1h-1zM36,45h1v1h-1zM37,45h1v1h-1zM42,45h1v1h-1zM48,45h1v1h-1zM49,45h1v1h-1zM50,45h1v1h-1zM51,45h1v1h-1zM53,45h1v1h-1zM55,45h1v1h-1zM56,45h1v1h-1zM4,46h1v1h-1zM5,46h1v1h-1zM7,46h1v1h-1zM8,46h1v1h-1zM9,46h1v1h-1zM10,46h1v1h-1zM11,46h1v1h-1zM12,46h1v1h-1zM18,46h1v1h-1zM19,46h1v1h-1zM20,46h1v1h-1zM22,46h1v1h-1zM25,46h1v1h-1zM27,46h1v1h-1zM28,46h1v1h-1zM29,46h1v1h-1zM32,46h1v1h-1zM34,46h1v1h-1zM35,46h1v1h-1zM37,46h1v1h-1zM38,46h1v1h-1zM40,46h1v1h-1zM42,46h1v1h-1zM43,46h1v1h-1zM44,46h1v1h-1zM45,46h1v1h-1zM47,46h1v1h-1zM48,46h1v1h-1zM49,46h1v1h-1zM51,46h1v1h-1zM52,46h1v1h-1zM53,46h1v1h-1zM54,46h1v1h-1zM55,46h1v1h-1zM56,46h1v1h-1zM5,47h1v1h-1zM6,47h1v1h-1zM11,47h1v1h-1zM12,47h1v1h-1zM13,47h1v1h-1zM14,47h1v1h-1zM16,47h1v1h-1zM18,47h1v1h-1zM19,47h1v1h-1zM24,47h1v1h-1zM25,47h1v1h-1zM26,47h1v1h-1zM28,47h1v1h-1zM29,47h1v1h-1zM30,47h1v1h-1zM32,47h1v1h-1zM34,47h1v1h-1zM37,47h1v1h-1zM39,47h1v1h-1zM42,47h1v1h-1zM45,47h1v1h-1zM49,47h1v1h-1zM51,47h1v1h-1zM53,47h1v1h-1zM55,47h1v1h-1zM7,48h1v1h-1zM10,48h1v1h-1zM14,48h1v1h-1zM15,48h1v1h-1zM16,48h1v1h-1zM19,48h1v1h-1zM20,48h1v1h-1zM22,48h1v1h-1zM24,48h1v1h-1zM25,48h1v1h-1zM27,48h1v1h-1zM28,48h1v1h-1zM29,48h1v1h-1zM30,48h1v1h-1zM31,48h1v1h-1zM32,48h1v1h-1zM36,48h1v1h-1zM37,48h1v1h-1zM38,48h1v1h-1zM39,48h1v1h-1zM44,48h1v1h-1zM45,48h1v1h-1zM46,48h1v1h-1zM48,48h1v1h-1zM49,48h1v1h-1zM50,48h1v1h-1zM51,48h1v1h-1zM52,48h1v1h-1zM53,48h1v1h-1zM54,48h1v1h-1zM56,48h1v1h-1zM12,49h1v1h-1zM14,49h1v1h-1zM15,49h1v1h-1zM19,49h1v1h-1zM24,49h1v1h-1zM25,49h1v1h-1zM28,49h1v1h-1zM32,49h1v1h-1zM34,49h1v1h-1zM37,49h1v1h-1zM39,49h1v1h-1zM40,49h1v1h-1zM42,49h1v1h-1zM45,49h1v1h-1zM48,49h1v1h-1zM52,49h1v1h-1zM53,49h1v1h-1zM55,49h1v1h-1zM4,50h1v1h-1zM5,50h1v1h-1zM6,50h1v1h-1zM7,50h1v1h-1zM8,50h1v1h-1zM9,50h1v1h-1zM10,50h1v1h-1zM12,50h1v1h-1zM13,50h1v1h-1zM14,50h1v1h-1zM15,50h1v1h-1zM19,50h1v1h-1zM20,50h1v1h-1zM22,50h1v1h-1zM25,50h1v1h-1zM28,50h1v1h-1zM30,50h1v1h-1zM32,50h1v1h-1zM34,50h1v1h-1zM36,50h1v1h-1zM37,50h1v1h-1zM38,50h1v1h-1zM39,50h1v1h-1zM42,50h1v1h-1zM44,50h1v1h-1zM45,50h1v1h-1zM46,50h1v1h-1zM48,50h1v1h-1zM50,50h1v1h-1zM52,50h1v1h-1zM55,50h1v1h-1zM4,51h1v1h-1zM10,51h1v1h-1zM12,51h1v1h-1zM13,51h1v1h-1zM14,51h1v1h-1zM15,51h1v1h-1zM16,51h1v1h-1zM19,51h1v1h-1zM24,51h1v1h-1zM25,51h1v1h-1zM26,51h1v1h-1zM27,51h1v1h-1zM28,51h1v1h-1zM32,51h1v1h-1zM33,51h1v1h-1zM38,51h1v1h-1zM39,51h1v1h-1zM41,51h1v1h-1zM43,51h1v1h-1zM44,51h1v1h-1zM45,51h1v1h-1zM48,51h1v1h-1zM52,51h1v1h-1zM55,51h1v1h-1zM56,51h1v1h-1zM4,52h1v1h-1zM6,52h1v1h-1zM7,52h1v1h-1zM8,52h1v1h-1zM10,52h1v1h-1zM12,52h1v1h-1zM13,52h1v1h-1zM17,52h1v1h-1zM18,52h1v1h-1zM20,52h1v1h-1zM22,52h1v1h-1zM23,52h1v1h-1zM24,52h1v1h-1zM25,52h1v1h-1zM28,52h1v1h-1zM29,52h1v1h-1zM30,52h1v1h-1zM31,52h1v1h-1zM32,52h1v1h-1zM33,52h1v1h-1zM34,52h1v1h-1zM36,52h1v1h-1zM39,52h1v1h-1zM41,52h1v1h-1zM42,52h1v1h-1zM43,52h1v1h-1zM44,52h1v1h-1zM46,52h1v1h-1zM47,52h1v1h-1zM48,52h1v1h-1zM49,52h1v1h-1zM50,52h1v1h-1zM51,52h1v1h-1zM52,52h1v1h-1zM55,52h1v1h-1zM4,53h1v1h-1zM6,53h1v1h-1zM7,53h1v1h-1zM8,53h1v1h-1zM10,53h1v1h-1zM14,53h1v1h-1zM15,53h1v1h-1zM16,53h1v1h-1zM17,53h1v1h-1zM18,53h1v1h-1zM20,53h1v1h-1zM23,53h1v1h-1zM25,53h1v1h-1zM30,53h1v1h-1zM31,53h1v1h-1zM32,53h1v1h-1zM33,53h1v1h-1zM38,53h1v1h-1zM39,53h1v1h-1zM40,53h1v1h-1zM41,53h1v1h-1zM43,53h1v1h-1zM50,53h1v1h-1zM51,53h1v1h-1zM52,53h1v1h-1zM54,53h1v1h-1zM55,53h1v1h-1zM56,53h1v1h-1zM4,54h1v1h-1zM6,54h1v1h-1zM7,54h1v1h-1zM8,54h1v1h-1zM10,54h1v1h-1zM12,54h1v1h-1zM13,54h1v1h-1zM16,54h1v1h-1zM17,54h1v1h-1zM21,54h1v1h-1zM23,54h1v1h-1zM24,54h1v1h-1zM26,54h1v1h-1zM28,54h1v1h-1zM30,54h1v1h-1zM31,54h1v1h-1zM33,54h1v1h-1zM34,54h1v1h-1zM36,54h1v1h-1zM38,54h1v1h-1zM39,54h1v1h-1zM41,54h1v1h-1zM42,54h1v1h-1zM43,54h1v1h-1zM48,54h1v1h-1zM49,54h1v1h-1zM51,54h1v1h-1zM52,54h1v1h-1zM56,54h1v1h-1zM4,55h1v1h-1zM10,55h1v1h-1zM12,55h1v1h-1zM15,55h1v1h-1zM16,55h1v1h-1zM20,55h1v1h-1zM21,55h1v1h-1zM22,55h1v1h-1zM23,55h1v1h-1zM29,55h1v1h-1zM33,55h1v1h-1zM35,55h1v1h-1zM38,55h1v1h-1zM41,55h1v1h-1zM43,55h1v1h-1zM46,55h1v1h-1zM54,55h1v1h-1zM55,55h1v1h-1zM4,56h1v1h-1zM5,56h1v1h-1zM6,56h1v1h-1zM7,56h1v1h-1zM8,56h1v1h-1zM9,56h1v1h-1zM10,56h1v1h-1zM12,56h1v1h-1zM18,56h1v1h-1zM20,56h1v1h-1zM21,56h1v1h-1zM23,56h1v1h-1zM24,56h1v1h-1zM26,56h1v1h-1zM28,56h1v1h-1zM29,56h1v1h-1zM30,56h1v1h-1zM32,56h1v1h-1zM33,56h1v1h-1zM34,56h1v1h-1zM35,56h1v1h-1zM40,56h1v1h-1zM41,56h1v1h-1zM42,56h1v1h-1zM43,56h1v1h-1zM48,56h1v1h-1zM52,56h1v1h-1zM54,56h1v1h-1zM55,56h1v1h-1zM56,56h1v1h-1z\" fill=\"#142d50\"></path></svg><span>Your receiving address</span><strong class=\"receiving-coordinate\">example</strong></div><p class=\"body-copy small-copy receive-hint\">A dedicated page to pay you by card, balance or Note. No signup step.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Request amount (optional)</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Request amount (optional)\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share payment link\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg>Share payment link</button><div class=\"dual-actions\"><button class=\"secondary-button\" aria-label=\"Copy Receiz ID\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy Receiz ID\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy Receiz ID</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Set up NFC tag\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-radio\"><path d=\"M4.9 19.1C1 15.2 1 8.8 4.9 4.9\"></path><path d=\"M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5\"></path><circle cx=\"12\" cy=\"12\" r=\"2\"></circle><path d=\"M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5\"></path><path d=\"M19.1 4.9C23 8.8 23 15.1 19.1 19\"></path></svg>Set up NFC tag</button></div><div class=\"receive-payment-link\"><span>Your payment link</span><div><a class=\"payment-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"bankeiz.com/pay/example/\">bankeiz.com/pay/example/</a><button type=\"button\" class=\"icon-button receive-link-copy\" aria-label=\"Copy payment link\" data-copied=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:16px;height:16px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button></div></div><details class=\"payment-tools\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-earth\"><path d=\"M21.54 15H17a2 2 0 0 0-2 2v4.54\"></path><path d=\"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17\"></path><path d=\"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05\"></path><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></svg>Accept payments anywhere</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"></path></svg></summary><div class=\"payment-tools-content\"><p class=\"body-copy small-copy\">Share your link. Add a payment button. Or put checkout on your website.</p><div class=\"segmented\" aria-label=\"Website integration\"><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive\">Payment button</button><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive-embedded\">Embedded checkout</button></div><p class=\"payment-tools-caption\">Paste into an HTML block on your website. Customers pay directly with a card, balance or any supported Note. No signup step.</p><div class=\"payment-button-preview\"><a href=\"https://example.invalid/\" rel=\"noopener noreferrer\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Pay @example\">Pay @example<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div><label class=\"payment-tools-code\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-code-xml\"><path d=\"m18 16 4-4-4-4\"></path><path d=\"m6 8-4 4 4 4\"></path><path d=\"m14.5 4-5 16\"></path></svg>Your payment button</span><textarea aria-label=\"Payment button code\" readonly=\"\" rows=\"4\" spellcheck=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><a href=\"https://bankeiz.com/pay/example/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:12px;background:#172b45;color:#fff;font:600 16px/1.4 system-ui,sans-serif;text-decoration:none\">Pay @example</a></textarea></label><button type=\"button\" class=\"secondary-button\" aria-label=\"Copy payment button code\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment button code\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy code</button><details class=\"payment-tools-methods\"><summary>Payment methods</summary><p>Your Bankeiz button supports Reserve, Settlement and Settlement Reserve Notes through Pay with a Note. The payer approves one payment. Selected Notes confirm their credit before that payment continues. The original proof and funding composition stay connected. Receiz’s embedded widget is a separate card checkout with legacy Wallet Note compatibility.</p></details><a class=\"payment-tools-guide\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Setup and developer guide\">Setup and developer guide<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div></details><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Scanning or tapping opens your selected payment page. The payer reviews and approves the recipient and amount.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"A checkout link gives someone a direct place to pay you."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"receive-embedded\" data-source-components=\"ConsoleShell,Sheet,LiveReceive,PaymentTools\" data-example-view=\"receive-embedded\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-receive-embedded-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-receive-embedded-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-receive-embedded-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-receive-embedded-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable receive-embedded example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-receive-embedded-_R_j9_\">Receive</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"dual-actions receive-top-actions\"><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"note-deposit\">Deposit note</button><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"counter\">Counter</button></div><h1 class=\"sheet-hero receive-heading\">Your value has a home.</h1><p class=\"body-copy receive-intro\">Receive money or asset ownership directly into your account.</p><div class=\"segmented receive-link-modes\" role=\"group\" aria-label=\"Payment link type\"><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive\">Send link</button><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive-checkout\">Checkout link</button></div><div class=\"receiving-card receive-payment-card\"><svg viewBox=\"0 0 61 61\" class=\"payment-qr\" role=\"img\" aria-label=\"Your payment QR\"><rect width=\"61\" height=\"61\" fill=\"#fff\"></rect><path d=\"M4,4h1v1h-1zM5,4h1v1h-1zM6,4h1v1h-1zM7,4h1v1h-1zM8,4h1v1h-1zM9,4h1v1h-1zM10,4h1v1h-1zM14,4h1v1h-1zM16,4h1v1h-1zM18,4h1v1h-1zM19,4h1v1h-1zM21,4h1v1h-1zM22,4h1v1h-1zM24,4h1v1h-1zM26,4h1v1h-1zM27,4h1v1h-1zM29,4h1v1h-1zM32,4h1v1h-1zM34,4h1v1h-1zM35,4h1v1h-1zM36,4h1v1h-1zM37,4h1v1h-1zM42,4h1v1h-1zM43,4h1v1h-1zM44,4h1v1h-1zM45,4h1v1h-1zM46,4h1v1h-1zM50,4h1v1h-1zM51,4h1v1h-1zM52,4h1v1h-1zM53,4h1v1h-1zM54,4h1v1h-1zM55,4h1v1h-1zM56,4h1v1h-1zM4,5h1v1h-1zM10,5h1v1h-1zM13,5h1v1h-1zM16,5h1v1h-1zM17,5h1v1h-1zM19,5h1v1h-1zM20,5h1v1h-1zM22,5h1v1h-1zM25,5h1v1h-1zM27,5h1v1h-1zM28,5h1v1h-1zM29,5h1v1h-1zM30,5h1v1h-1zM32,5h1v1h-1zM35,5h1v1h-1zM37,5h1v1h-1zM40,5h1v1h-1zM43,5h1v1h-1zM45,5h1v1h-1zM46,5h1v1h-1zM47,5h1v1h-1zM50,5h1v1h-1zM56,5h1v1h-1zM4,6h1v1h-1zM6,6h1v1h-1zM7,6h1v1h-1zM8,6h1v1h-1zM10,6h1v1h-1zM12,6h1v1h-1zM13,6h1v1h-1zM16,6h1v1h-1zM17,6h1v1h-1zM18,6h1v1h-1zM19,6h1v1h-1zM24,6h1v1h-1zM25,6h1v1h-1zM26,6h1v1h-1zM27,6h1v1h-1zM29,6h1v1h-1zM34,6h1v1h-1zM36,6h1v1h-1zM37,6h1v1h-1zM39,6h1v1h-1zM40,6h1v1h-1zM42,6h1v1h-1zM44,6h1v1h-1zM45,6h1v1h-1zM47,6h1v1h-1zM50,6h1v1h-1zM52,6h1v1h-1zM53,6h1v1h-1zM54,6h1v1h-1zM56,6h1v1h-1zM4,7h1v1h-1zM6,7h1v1h-1zM7,7h1v1h-1zM8,7h1v1h-1zM10,7h1v1h-1zM14,7h1v1h-1zM15,7h1v1h-1zM16,7h1v1h-1zM17,7h1v1h-1zM19,7h1v1h-1zM22,7h1v1h-1zM25,7h1v1h-1zM27,7h1v1h-1zM29,7h1v1h-1zM32,7h1v1h-1zM36,7h1v1h-1zM37,7h1v1h-1zM38,7h1v1h-1zM39,7h1v1h-1zM44,7h1v1h-1zM46,7h1v1h-1zM48,7h1v1h-1zM50,7h1v1h-1zM52,7h1v1h-1zM53,7h1v1h-1zM54,7h1v1h-1zM56,7h1v1h-1zM4,8h1v1h-1zM6,8h1v1h-1zM7,8h1v1h-1zM8,8h1v1h-1zM10,8h1v1h-1zM15,8h1v1h-1zM17,8h1v1h-1zM18,8h1v1h-1zM19,8h1v1h-1zM22,8h1v1h-1zM24,8h1v1h-1zM25,8h1v1h-1zM26,8h1v1h-1zM27,8h1v1h-1zM28,8h1v1h-1zM29,8h1v1h-1zM30,8h1v1h-1zM31,8h1v1h-1zM32,8h1v1h-1zM34,8h1v1h-1zM37,8h1v1h-1zM39,8h1v1h-1zM40,8h1v1h-1zM42,8h1v1h-1zM46,8h1v1h-1zM50,8h1v1h-1zM52,8h1v1h-1zM53,8h1v1h-1zM54,8h1v1h-1zM56,8h1v1h-1zM4,9h1v1h-1zM10,9h1v1h-1zM15,9h1v1h-1zM17,9h1v1h-1zM19,9h1v1h-1zM20,9h1v1h-1zM22,9h1v1h-1zM25,9h1v1h-1zM28,9h1v1h-1zM32,9h1v1h-1zM36,9h1v1h-1zM37,9h1v1h-1zM39,9h1v1h-1zM44,9h1v1h-1zM45,9h1v1h-1zM46,9h1v1h-1zM50,9h1v1h-1zM56,9h1v1h-1zM4,10h1v1h-1zM5,10h1v1h-1zM6,10h1v1h-1zM7,10h1v1h-1zM8,10h1v1h-1zM9,10h1v1h-1zM10,10h1v1h-1zM12,10h1v1h-1zM14,10h1v1h-1zM16,10h1v1h-1zM18,10h1v1h-1zM20,10h1v1h-1zM22,10h1v1h-1zM24,10h1v1h-1zM26,10h1v1h-1zM28,10h1v1h-1zM30,10h1v1h-1zM32,10h1v1h-1zM34,10h1v1h-1zM36,10h1v1h-1zM38,10h1v1h-1zM40,10h1v1h-1zM42,10h1v1h-1zM44,10h1v1h-1zM46,10h1v1h-1zM48,10h1v1h-1zM50,10h1v1h-1zM51,10h1v1h-1zM52,10h1v1h-1zM53,10h1v1h-1zM54,10h1v1h-1zM55,10h1v1h-1zM56,10h1v1h-1zM12,11h1v1h-1zM13,11h1v1h-1zM14,11h1v1h-1zM20,11h1v1h-1zM21,11h1v1h-1zM22,11h1v1h-1zM23,11h1v1h-1zM27,11h1v1h-1zM28,11h1v1h-1zM32,11h1v1h-1zM34,11h1v1h-1zM35,11h1v1h-1zM37,11h1v1h-1zM42,11h1v1h-1zM43,11h1v1h-1zM46,11h1v1h-1zM48,11h1v1h-1zM4,12h1v1h-1zM5,12h1v1h-1zM6,12h1v1h-1zM8,12h1v1h-1zM9,12h1v1h-1zM10,12h1v1h-1zM11,12h1v1h-1zM12,12h1v1h-1zM14,12h1v1h-1zM15,12h1v1h-1zM18,12h1v1h-1zM19,12h1v1h-1zM20,12h1v1h-1zM21,12h1v1h-1zM24,12h1v1h-1zM26,12h1v1h-1zM27,12h1v1h-1zM28,12h1v1h-1zM29,12h1v1h-1zM30,12h1v1h-1zM31,12h1v1h-1zM32,12h1v1h-1zM35,12h1v1h-1zM37,12h1v1h-1zM38,12h1v1h-1zM40,12h1v1h-1zM43,12h1v1h-1zM45,12h1v1h-1zM49,12h1v1h-1zM50,12h1v1h-1zM54,12h1v1h-1zM5,13h1v1h-1zM6,13h1v1h-1zM8,13h1v1h-1zM11,13h1v1h-1zM12,13h1v1h-1zM13,13h1v1h-1zM14,13h1v1h-1zM15,13h1v1h-1zM16,13h1v1h-1zM19,13h1v1h-1zM21,13h1v1h-1zM24,13h1v1h-1zM28,13h1v1h-1zM29,13h1v1h-1zM34,13h1v1h-1zM35,13h1v1h-1zM36,13h1v1h-1zM37,13h1v1h-1zM42,13h1v1h-1zM43,13h1v1h-1zM44,13h1v1h-1zM47,13h1v1h-1zM53,13h1v1h-1zM56,13h1v1h-1zM5,14h1v1h-1zM6,14h1v1h-1zM7,14h1v1h-1zM8,14h1v1h-1zM10,14h1v1h-1zM11,14h1v1h-1zM12,14h1v1h-1zM13,14h1v1h-1zM14,14h1v1h-1zM17,14h1v1h-1zM19,14h1v1h-1zM20,14h1v1h-1zM22,14h1v1h-1zM25,14h1v1h-1zM27,14h1v1h-1zM28,14h1v1h-1zM29,14h1v1h-1zM30,14h1v1h-1zM32,14h1v1h-1zM34,14h1v1h-1zM35,14h1v1h-1zM37,14h1v1h-1zM38,14h1v1h-1zM40,14h1v1h-1zM42,14h1v1h-1zM43,14h1v1h-1zM47,14h1v1h-1zM48,14h1v1h-1zM49,14h1v1h-1zM53,14h1v1h-1zM54,14h1v1h-1zM55,14h1v1h-1zM56,14h1v1h-1zM4,15h1v1h-1zM5,15h1v1h-1zM6,15h1v1h-1zM9,15h1v1h-1zM11,15h1v1h-1zM12,15h1v1h-1zM15,15h1v1h-1zM17,15h1v1h-1zM18,15h1v1h-1zM19,15h1v1h-1zM24,15h1v1h-1zM25,15h1v1h-1zM26,15h1v1h-1zM27,15h1v1h-1zM29,15h1v1h-1zM34,15h1v1h-1zM37,15h1v1h-1zM39,15h1v1h-1zM42,15h1v1h-1zM45,15h1v1h-1zM47,15h1v1h-1zM48,15h1v1h-1zM49,15h1v1h-1zM51,15h1v1h-1zM53,15h1v1h-1zM55,15h1v1h-1zM5,16h1v1h-1zM8,16h1v1h-1zM10,16h1v1h-1zM12,16h1v1h-1zM13,16h1v1h-1zM15,16h1v1h-1zM16,16h1v1h-1zM17,16h1v1h-1zM19,16h1v1h-1zM20,16h1v1h-1zM22,16h1v1h-1zM24,16h1v1h-1zM25,16h1v1h-1zM27,16h1v1h-1zM28,16h1v1h-1zM29,16h1v1h-1zM30,16h1v1h-1zM32,16h1v1h-1zM36,16h1v1h-1zM37,16h1v1h-1zM38,16h1v1h-1zM39,16h1v1h-1zM44,16h1v1h-1zM45,16h1v1h-1zM46,16h1v1h-1zM47,16h1v1h-1zM48,16h1v1h-1zM49,16h1v1h-1zM50,16h1v1h-1zM51,16h1v1h-1zM53,16h1v1h-1zM54,16h1v1h-1zM56,16h1v1h-1zM4,17h1v1h-1zM5,17h1v1h-1zM6,17h1v1h-1zM8,17h1v1h-1zM9,17h1v1h-1zM11,17h1v1h-1zM14,17h1v1h-1zM17,17h1v1h-1zM19,17h1v1h-1zM24,17h1v1h-1zM25,17h1v1h-1zM27,17h1v1h-1zM29,17h1v1h-1zM34,17h1v1h-1zM37,17h1v1h-1zM39,17h1v1h-1zM40,17h1v1h-1zM42,17h1v1h-1zM45,17h1v1h-1zM47,17h1v1h-1zM49,17h1v1h-1zM51,17h1v1h-1zM52,17h1v1h-1zM53,17h1v1h-1zM55,17h1v1h-1zM4,18h1v1h-1zM10,18h1v1h-1zM11,18h1v1h-1zM12,18h1v1h-1zM15,18h1v1h-1zM16,18h1v1h-1zM17,18h1v1h-1zM19,18h1v1h-1zM20,18h1v1h-1zM22,18h1v1h-1zM25,18h1v1h-1zM27,18h1v1h-1zM28,18h1v1h-1zM29,18h1v1h-1zM30,18h1v1h-1zM32,18h1v1h-1zM34,18h1v1h-1zM36,18h1v1h-1zM37,18h1v1h-1zM38,18h1v1h-1zM39,18h1v1h-1zM42,18h1v1h-1zM44,18h1v1h-1zM45,18h1v1h-1zM46,18h1v1h-1zM47,18h1v1h-1zM48,18h1v1h-1zM49,18h1v1h-1zM50,18h1v1h-1zM51,18h1v1h-1zM53,18h1v1h-1zM55,18h1v1h-1zM4,19h1v1h-1zM5,19h1v1h-1zM12,19h1v1h-1zM14,19h1v1h-1zM17,19h1v1h-1zM18,19h1v1h-1zM19,19h1v1h-1zM24,19h1v1h-1zM25,19h1v1h-1zM26,19h1v1h-1zM27,19h1v1h-1zM29,19h1v1h-1zM33,19h1v1h-1zM38,19h1v1h-1zM39,19h1v1h-1zM41,19h1v1h-1zM47,19h1v1h-1zM49,19h1v1h-1zM50,19h1v1h-1zM51,19h1v1h-1zM52,19h1v1h-1zM53,19h1v1h-1zM55,19h1v1h-1zM56,19h1v1h-1zM4,20h1v1h-1zM5,20h1v1h-1zM9,20h1v1h-1zM10,20h1v1h-1zM11,20h1v1h-1zM12,20h1v1h-1zM13,20h1v1h-1zM17,20h1v1h-1zM20,20h1v1h-1zM22,20h1v1h-1zM23,20h1v1h-1zM24,20h1v1h-1zM25,20h1v1h-1zM27,20h1v1h-1zM28,20h1v1h-1zM29,20h1v1h-1zM30,20h1v1h-1zM32,20h1v1h-1zM33,20h1v1h-1zM34,20h1v1h-1zM36,20h1v1h-1zM39,20h1v1h-1zM41,20h1v1h-1zM42,20h1v1h-1zM44,20h1v1h-1zM45,20h1v1h-1zM46,20h1v1h-1zM47,20h1v1h-1zM51,20h1v1h-1zM52,20h1v1h-1zM53,20h1v1h-1zM55,20h1v1h-1zM6,21h1v1h-1zM8,21h1v1h-1zM9,21h1v1h-1zM13,21h1v1h-1zM16,21h1v1h-1zM17,21h1v1h-1zM20,21h1v1h-1zM23,21h1v1h-1zM25,21h1v1h-1zM27,21h1v1h-1zM30,21h1v1h-1zM31,21h1v1h-1zM33,21h1v1h-1zM38,21h1v1h-1zM39,21h1v1h-1zM40,21h1v1h-1zM41,21h1v1h-1zM49,21h1v1h-1zM54,21h1v1h-1zM56,21h1v1h-1zM4,22h1v1h-1zM6,22h1v1h-1zM8,22h1v1h-1zM10,22h1v1h-1zM13,22h1v1h-1zM14,22h1v1h-1zM16,22h1v1h-1zM18,22h1v1h-1zM21,22h1v1h-1zM23,22h1v1h-1zM24,22h1v1h-1zM26,22h1v1h-1zM28,22h1v1h-1zM31,22h1v1h-1zM33,22h1v1h-1zM34,22h1v1h-1zM36,22h1v1h-1zM38,22h1v1h-1zM39,22h1v1h-1zM41,22h1v1h-1zM42,22h1v1h-1zM44,22h1v1h-1zM45,22h1v1h-1zM47,22h1v1h-1zM48,22h1v1h-1zM51,22h1v1h-1zM52,22h1v1h-1zM55,22h1v1h-1zM56,22h1v1h-1zM4,23h1v1h-1zM5,23h1v1h-1zM6,23h1v1h-1zM11,23h1v1h-1zM16,23h1v1h-1zM20,23h1v1h-1zM21,23h1v1h-1zM22,23h1v1h-1zM23,23h1v1h-1zM28,23h1v1h-1zM30,23h1v1h-1zM31,23h1v1h-1zM32,23h1v1h-1zM33,23h1v1h-1zM35,23h1v1h-1zM38,23h1v1h-1zM41,23h1v1h-1zM43,23h1v1h-1zM46,23h1v1h-1zM47,23h1v1h-1zM50,23h1v1h-1zM54,23h1v1h-1zM55,23h1v1h-1zM4,24h1v1h-1zM5,24h1v1h-1zM8,24h1v1h-1zM10,24h1v1h-1zM11,24h1v1h-1zM12,24h1v1h-1zM14,24h1v1h-1zM16,24h1v1h-1zM18,24h1v1h-1zM20,24h1v1h-1zM21,24h1v1h-1zM23,24h1v1h-1zM24,24h1v1h-1zM26,24h1v1h-1zM30,24h1v1h-1zM31,24h1v1h-1zM33,24h1v1h-1zM34,24h1v1h-1zM35,24h1v1h-1zM40,24h1v1h-1zM41,24h1v1h-1zM42,24h1v1h-1zM43,24h1v1h-1zM48,24h1v1h-1zM52,24h1v1h-1zM54,24h1v1h-1zM55,24h1v1h-1zM56,24h1v1h-1zM4,25h1v1h-1zM5,25h1v1h-1zM6,25h1v1h-1zM7,25h1v1h-1zM11,25h1v1h-1zM13,25h1v1h-1zM14,25h1v1h-1zM20,25h1v1h-1zM21,25h1v1h-1zM23,25h1v1h-1zM28,25h1v1h-1zM30,25h1v1h-1zM31,25h1v1h-1zM33,25h1v1h-1zM35,25h1v1h-1zM36,25h1v1h-1zM38,25h1v1h-1zM41,25h1v1h-1zM43,25h1v1h-1zM44,25h1v1h-1zM46,25h1v1h-1zM48,25h1v1h-1zM50,25h1v1h-1zM53,25h1v1h-1zM54,25h1v1h-1zM7,26h1v1h-1zM8,26h1v1h-1zM10,26h1v1h-1zM16,26h1v1h-1zM18,26h1v1h-1zM21,26h1v1h-1zM23,26h1v1h-1zM24,26h1v1h-1zM26,26h1v1h-1zM28,26h1v1h-1zM31,26h1v1h-1zM33,26h1v1h-1zM34,26h1v1h-1zM35,26h1v1h-1zM38,26h1v1h-1zM40,26h1v1h-1zM41,26h1v1h-1zM42,26h1v1h-1zM43,26h1v1h-1zM46,26h1v1h-1zM50,26h1v1h-1zM52,26h1v1h-1zM56,26h1v1h-1zM7,27h1v1h-1zM8,27h1v1h-1zM9,27h1v1h-1zM11,27h1v1h-1zM12,27h1v1h-1zM14,27h1v1h-1zM16,27h1v1h-1zM20,27h1v1h-1zM21,27h1v1h-1zM22,27h1v1h-1zM23,27h1v1h-1zM28,27h1v1h-1zM30,27h1v1h-1zM31,27h1v1h-1zM32,27h1v1h-1zM34,27h1v1h-1zM35,27h1v1h-1zM37,27h1v1h-1zM42,27h1v1h-1zM43,27h1v1h-1zM45,27h1v1h-1zM46,27h1v1h-1zM48,27h1v1h-1zM50,27h1v1h-1zM51,27h1v1h-1zM52,27h1v1h-1zM53,27h1v1h-1zM5,28h1v1h-1zM7,28h1v1h-1zM8,28h1v1h-1zM9,28h1v1h-1zM10,28h1v1h-1zM11,28h1v1h-1zM12,28h1v1h-1zM18,28h1v1h-1zM19,28h1v1h-1zM20,28h1v1h-1zM21,28h1v1h-1zM24,28h1v1h-1zM26,28h1v1h-1zM28,28h1v1h-1zM29,28h1v1h-1zM30,28h1v1h-1zM31,28h1v1h-1zM32,28h1v1h-1zM35,28h1v1h-1zM37,28h1v1h-1zM38,28h1v1h-1zM40,28h1v1h-1zM43,28h1v1h-1zM46,28h1v1h-1zM48,28h1v1h-1zM49,28h1v1h-1zM50,28h1v1h-1zM51,28h1v1h-1zM52,28h1v1h-1zM56,28h1v1h-1zM4,29h1v1h-1zM6,29h1v1h-1zM8,29h1v1h-1zM12,29h1v1h-1zM13,29h1v1h-1zM19,29h1v1h-1zM21,29h1v1h-1zM24,29h1v1h-1zM28,29h1v1h-1zM32,29h1v1h-1zM34,29h1v1h-1zM35,29h1v1h-1zM36,29h1v1h-1zM37,29h1v1h-1zM42,29h1v1h-1zM43,29h1v1h-1zM44,29h1v1h-1zM48,29h1v1h-1zM52,29h1v1h-1zM53,29h1v1h-1zM56,29h1v1h-1zM5,30h1v1h-1zM6,30h1v1h-1zM8,30h1v1h-1zM10,30h1v1h-1zM12,30h1v1h-1zM14,30h1v1h-1zM15,30h1v1h-1zM17,30h1v1h-1zM19,30h1v1h-1zM20,30h1v1h-1zM22,30h1v1h-1zM25,30h1v1h-1zM27,30h1v1h-1zM28,30h1v1h-1zM30,30h1v1h-1zM32,30h1v1h-1zM34,30h1v1h-1zM35,30h1v1h-1zM37,30h1v1h-1zM38,30h1v1h-1zM40,30h1v1h-1zM42,30h1v1h-1zM43,30h1v1h-1zM47,30h1v1h-1zM48,30h1v1h-1zM50,30h1v1h-1zM52,30h1v1h-1zM53,30h1v1h-1zM54,30h1v1h-1zM55,30h1v1h-1zM56,30h1v1h-1zM4,31h1v1h-1zM5,31h1v1h-1zM6,31h1v1h-1zM8,31h1v1h-1zM12,31h1v1h-1zM15,31h1v1h-1zM16,31h1v1h-1zM17,31h1v1h-1zM18,31h1v1h-1zM19,31h1v1h-1zM24,31h1v1h-1zM25,31h1v1h-1zM26,31h1v1h-1zM28,31h1v1h-1zM32,31h1v1h-1zM34,31h1v1h-1zM37,31h1v1h-1zM39,31h1v1h-1zM42,31h1v1h-1zM45,31h1v1h-1zM47,31h1v1h-1zM48,31h1v1h-1zM52,31h1v1h-1zM53,31h1v1h-1zM55,31h1v1h-1zM5,32h1v1h-1zM6,32h1v1h-1zM8,32h1v1h-1zM9,32h1v1h-1zM10,32h1v1h-1zM11,32h1v1h-1zM12,32h1v1h-1zM13,32h1v1h-1zM14,32h1v1h-1zM17,32h1v1h-1zM19,32h1v1h-1zM20,32h1v1h-1zM22,32h1v1h-1zM24,32h1v1h-1zM25,32h1v1h-1zM27,32h1v1h-1zM28,32h1v1h-1zM29,32h1v1h-1zM30,32h1v1h-1zM31,32h1v1h-1zM32,32h1v1h-1zM36,32h1v1h-1zM37,32h1v1h-1zM38,32h1v1h-1zM39,32h1v1h-1zM44,32h1v1h-1zM45,32h1v1h-1zM46,32h1v1h-1zM48,32h1v1h-1zM49,32h1v1h-1zM50,32h1v1h-1zM51,32h1v1h-1zM52,32h1v1h-1zM53,32h1v1h-1zM54,32h1v1h-1zM55,32h1v1h-1zM56,32h1v1h-1zM5,33h1v1h-1zM6,33h1v1h-1zM7,33h1v1h-1zM11,33h1v1h-1zM12,33h1v1h-1zM13,33h1v1h-1zM14,33h1v1h-1zM17,33h1v1h-1zM19,33h1v1h-1zM24,33h1v1h-1zM25,33h1v1h-1zM27,33h1v1h-1zM29,33h1v1h-1zM32,33h1v1h-1zM34,33h1v1h-1zM37,33h1v1h-1zM39,33h1v1h-1zM40,33h1v1h-1zM42,33h1v1h-1zM45,33h1v1h-1zM47,33h1v1h-1zM49,33h1v1h-1zM50,33h1v1h-1zM54,33h1v1h-1zM55,33h1v1h-1zM6,34h1v1h-1zM7,34h1v1h-1zM10,34h1v1h-1zM11,34h1v1h-1zM12,34h1v1h-1zM17,34h1v1h-1zM19,34h1v1h-1zM20,34h1v1h-1zM22,34h1v1h-1zM25,34h1v1h-1zM30,34h1v1h-1zM31,34h1v1h-1zM32,34h1v1h-1zM34,34h1v1h-1zM36,34h1v1h-1zM37,34h1v1h-1zM38,34h1v1h-1zM39,34h1v1h-1zM42,34h1v1h-1zM44,34h1v1h-1zM45,34h1v1h-1zM46,34h1v1h-1zM49,34h1v1h-1zM50,34h1v1h-1zM51,34h1v1h-1zM53,34h1v1h-1zM55,34h1v1h-1zM4,35h1v1h-1zM11,35h1v1h-1zM13,35h1v1h-1zM15,35h1v1h-1zM17,35h1v1h-1zM18,35h1v1h-1zM19,35h1v1h-1zM24,35h1v1h-1zM25,35h1v1h-1zM26,35h1v1h-1zM27,35h1v1h-1zM31,35h1v1h-1zM33,35h1v1h-1zM38,35h1v1h-1zM39,35h1v1h-1zM41,35h1v1h-1zM43,35h1v1h-1zM45,35h1v1h-1zM47,35h1v1h-1zM49,35h1v1h-1zM50,35h1v1h-1zM51,35h1v1h-1zM52,35h1v1h-1zM53,35h1v1h-1zM55,35h1v1h-1zM56,35h1v1h-1zM4,36h1v1h-1zM7,36h1v1h-1zM9,36h1v1h-1zM10,36h1v1h-1zM12,36h1v1h-1zM13,36h1v1h-1zM14,36h1v1h-1zM16,36h1v1h-1zM17,36h1v1h-1zM20,36h1v1h-1zM22,36h1v1h-1zM23,36h1v1h-1zM24,36h1v1h-1zM25,36h1v1h-1zM30,36h1v1h-1zM31,36h1v1h-1zM32,36h1v1h-1zM33,36h1v1h-1zM34,36h1v1h-1zM36,36h1v1h-1zM39,36h1v1h-1zM41,36h1v1h-1zM42,36h1v1h-1zM44,36h1v1h-1zM45,36h1v1h-1zM46,36h1v1h-1zM50,36h1v1h-1zM52,36h1v1h-1zM55,36h1v1h-1zM4,37h1v1h-1zM6,37h1v1h-1zM7,37h1v1h-1zM8,37h1v1h-1zM13,37h1v1h-1zM14,37h1v1h-1zM17,37h1v1h-1zM20,37h1v1h-1zM23,37h1v1h-1zM25,37h1v1h-1zM27,37h1v1h-1zM31,37h1v1h-1zM33,37h1v1h-1zM38,37h1v1h-1zM39,37h1v1h-1zM40,37h1v1h-1zM41,37h1v1h-1zM44,37h1v1h-1zM47,37h1v1h-1zM52,37h1v1h-1zM54,37h1v1h-1zM56,37h1v1h-1zM5,38h1v1h-1zM6,38h1v1h-1zM7,38h1v1h-1zM9,38h1v1h-1zM10,38h1v1h-1zM11,38h1v1h-1zM12,38h1v1h-1zM14,38h1v1h-1zM15,38h1v1h-1zM16,38h1v1h-1zM18,38h1v1h-1zM21,38h1v1h-1zM23,38h1v1h-1zM24,38h1v1h-1zM26,38h1v1h-1zM30,38h1v1h-1zM31,38h1v1h-1zM32,38h1v1h-1zM33,38h1v1h-1zM34,38h1v1h-1zM36,38h1v1h-1zM38,38h1v1h-1zM39,38h1v1h-1zM41,38h1v1h-1zM42,38h1v1h-1zM43,38h1v1h-1zM50,38h1v1h-1zM55,38h1v1h-1zM56,38h1v1h-1zM4,39h1v1h-1zM6,39h1v1h-1zM8,39h1v1h-1zM9,39h1v1h-1zM12,39h1v1h-1zM13,39h1v1h-1zM14,39h1v1h-1zM20,39h1v1h-1zM21,39h1v1h-1zM22,39h1v1h-1zM23,39h1v1h-1zM27,39h1v1h-1zM31,39h1v1h-1zM33,39h1v1h-1zM35,39h1v1h-1zM38,39h1v1h-1zM41,39h1v1h-1zM43,39h1v1h-1zM46,39h1v1h-1zM48,39h1v1h-1zM52,39h1v1h-1zM54,39h1v1h-1zM55,39h1v1h-1zM5,40h1v1h-1zM7,40h1v1h-1zM8,40h1v1h-1zM9,40h1v1h-1zM10,40h1v1h-1zM11,40h1v1h-1zM14,40h1v1h-1zM15,40h1v1h-1zM16,40h1v1h-1zM18,40h1v1h-1zM20,40h1v1h-1zM21,40h1v1h-1zM23,40h1v1h-1zM24,40h1v1h-1zM26,40h1v1h-1zM28,40h1v1h-1zM30,40h1v1h-1zM31,40h1v1h-1zM32,40h1v1h-1zM33,40h1v1h-1zM34,40h1v1h-1zM35,40h1v1h-1zM40,40h1v1h-1zM41,40h1v1h-1zM42,40h1v1h-1zM43,40h1v1h-1zM50,40h1v1h-1zM54,40h1v1h-1zM5,41h1v1h-1zM6,41h1v1h-1zM11,41h1v1h-1zM12,41h1v1h-1zM15,41h1v1h-1zM20,41h1v1h-1zM21,41h1v1h-1zM23,41h1v1h-1zM27,41h1v1h-1zM28,41h1v1h-1zM31,41h1v1h-1zM33,41h1v1h-1zM35,41h1v1h-1zM36,41h1v1h-1zM38,41h1v1h-1zM41,41h1v1h-1zM43,41h1v1h-1zM44,41h1v1h-1zM46,41h1v1h-1zM48,41h1v1h-1zM50,41h1v1h-1zM54,41h1v1h-1zM4,42h1v1h-1zM7,42h1v1h-1zM8,42h1v1h-1zM9,42h1v1h-1zM10,42h1v1h-1zM13,42h1v1h-1zM14,42h1v1h-1zM15,42h1v1h-1zM16,42h1v1h-1zM18,42h1v1h-1zM21,42h1v1h-1zM23,42h1v1h-1zM24,42h1v1h-1zM26,42h1v1h-1zM27,42h1v1h-1zM28,42h1v1h-1zM29,42h1v1h-1zM32,42h1v1h-1zM33,42h1v1h-1zM34,42h1v1h-1zM35,42h1v1h-1zM38,42h1v1h-1zM40,42h1v1h-1zM41,42h1v1h-1zM42,42h1v1h-1zM43,42h1v1h-1zM46,42h1v1h-1zM47,42h1v1h-1zM48,42h1v1h-1zM49,42h1v1h-1zM50,42h1v1h-1zM53,42h1v1h-1zM56,42h1v1h-1zM4,43h1v1h-1zM6,43h1v1h-1zM8,43h1v1h-1zM11,43h1v1h-1zM12,43h1v1h-1zM20,43h1v1h-1zM21,43h1v1h-1zM22,43h1v1h-1zM23,43h1v1h-1zM28,43h1v1h-1zM29,43h1v1h-1zM30,43h1v1h-1zM32,43h1v1h-1zM34,43h1v1h-1zM35,43h1v1h-1zM37,43h1v1h-1zM42,43h1v1h-1zM43,43h1v1h-1zM44,43h1v1h-1zM46,43h1v1h-1zM47,43h1v1h-1zM48,43h1v1h-1zM49,43h1v1h-1zM50,43h1v1h-1zM52,43h1v1h-1zM5,44h1v1h-1zM6,44h1v1h-1zM7,44h1v1h-1zM9,44h1v1h-1zM10,44h1v1h-1zM11,44h1v1h-1zM12,44h1v1h-1zM16,44h1v1h-1zM18,44h1v1h-1zM19,44h1v1h-1zM20,44h1v1h-1zM21,44h1v1h-1zM24,44h1v1h-1zM26,44h1v1h-1zM27,44h1v1h-1zM28,44h1v1h-1zM29,44h1v1h-1zM35,44h1v1h-1zM37,44h1v1h-1zM38,44h1v1h-1zM40,44h1v1h-1zM44,44h1v1h-1zM45,44h1v1h-1zM46,44h1v1h-1zM47,44h1v1h-1zM48,44h1v1h-1zM49,44h1v1h-1zM51,44h1v1h-1zM52,44h1v1h-1zM56,44h1v1h-1zM4,45h1v1h-1zM7,45h1v1h-1zM8,45h1v1h-1zM9,45h1v1h-1zM15,45h1v1h-1zM16,45h1v1h-1zM19,45h1v1h-1zM21,45h1v1h-1zM24,45h1v1h-1zM27,45h1v1h-1zM28,45h1v1h-1zM29,45h1v1h-1zM32,45h1v1h-1zM34,45h1v1h-1zM35,45h1v1h-1zM36,45h1v1h-1zM37,45h1v1h-1zM42,45h1v1h-1zM48,45h1v1h-1zM49,45h1v1h-1zM50,45h1v1h-1zM51,45h1v1h-1zM53,45h1v1h-1zM55,45h1v1h-1zM56,45h1v1h-1zM4,46h1v1h-1zM5,46h1v1h-1zM7,46h1v1h-1zM8,46h1v1h-1zM9,46h1v1h-1zM10,46h1v1h-1zM11,46h1v1h-1zM12,46h1v1h-1zM18,46h1v1h-1zM19,46h1v1h-1zM20,46h1v1h-1zM22,46h1v1h-1zM25,46h1v1h-1zM27,46h1v1h-1zM28,46h1v1h-1zM29,46h1v1h-1zM32,46h1v1h-1zM34,46h1v1h-1zM35,46h1v1h-1zM37,46h1v1h-1zM38,46h1v1h-1zM40,46h1v1h-1zM42,46h1v1h-1zM43,46h1v1h-1zM44,46h1v1h-1zM45,46h1v1h-1zM47,46h1v1h-1zM48,46h1v1h-1zM49,46h1v1h-1zM51,46h1v1h-1zM52,46h1v1h-1zM53,46h1v1h-1zM54,46h1v1h-1zM55,46h1v1h-1zM56,46h1v1h-1zM5,47h1v1h-1zM6,47h1v1h-1zM11,47h1v1h-1zM12,47h1v1h-1zM13,47h1v1h-1zM14,47h1v1h-1zM16,47h1v1h-1zM18,47h1v1h-1zM19,47h1v1h-1zM24,47h1v1h-1zM25,47h1v1h-1zM26,47h1v1h-1zM28,47h1v1h-1zM29,47h1v1h-1zM30,47h1v1h-1zM32,47h1v1h-1zM34,47h1v1h-1zM37,47h1v1h-1zM39,47h1v1h-1zM42,47h1v1h-1zM45,47h1v1h-1zM49,47h1v1h-1zM51,47h1v1h-1zM53,47h1v1h-1zM55,47h1v1h-1zM7,48h1v1h-1zM10,48h1v1h-1zM14,48h1v1h-1zM15,48h1v1h-1zM16,48h1v1h-1zM19,48h1v1h-1zM20,48h1v1h-1zM22,48h1v1h-1zM24,48h1v1h-1zM25,48h1v1h-1zM27,48h1v1h-1zM28,48h1v1h-1zM29,48h1v1h-1zM30,48h1v1h-1zM31,48h1v1h-1zM32,48h1v1h-1zM36,48h1v1h-1zM37,48h1v1h-1zM38,48h1v1h-1zM39,48h1v1h-1zM44,48h1v1h-1zM45,48h1v1h-1zM46,48h1v1h-1zM48,48h1v1h-1zM49,48h1v1h-1zM50,48h1v1h-1zM51,48h1v1h-1zM52,48h1v1h-1zM53,48h1v1h-1zM54,48h1v1h-1zM56,48h1v1h-1zM12,49h1v1h-1zM14,49h1v1h-1zM15,49h1v1h-1zM19,49h1v1h-1zM24,49h1v1h-1zM25,49h1v1h-1zM28,49h1v1h-1zM32,49h1v1h-1zM34,49h1v1h-1zM37,49h1v1h-1zM39,49h1v1h-1zM40,49h1v1h-1zM42,49h1v1h-1zM45,49h1v1h-1zM48,49h1v1h-1zM52,49h1v1h-1zM53,49h1v1h-1zM55,49h1v1h-1zM4,50h1v1h-1zM5,50h1v1h-1zM6,50h1v1h-1zM7,50h1v1h-1zM8,50h1v1h-1zM9,50h1v1h-1zM10,50h1v1h-1zM12,50h1v1h-1zM13,50h1v1h-1zM14,50h1v1h-1zM15,50h1v1h-1zM19,50h1v1h-1zM20,50h1v1h-1zM22,50h1v1h-1zM25,50h1v1h-1zM28,50h1v1h-1zM30,50h1v1h-1zM32,50h1v1h-1zM34,50h1v1h-1zM36,50h1v1h-1zM37,50h1v1h-1zM38,50h1v1h-1zM39,50h1v1h-1zM42,50h1v1h-1zM44,50h1v1h-1zM45,50h1v1h-1zM46,50h1v1h-1zM48,50h1v1h-1zM50,50h1v1h-1zM52,50h1v1h-1zM55,50h1v1h-1zM4,51h1v1h-1zM10,51h1v1h-1zM12,51h1v1h-1zM13,51h1v1h-1zM14,51h1v1h-1zM15,51h1v1h-1zM16,51h1v1h-1zM19,51h1v1h-1zM24,51h1v1h-1zM25,51h1v1h-1zM26,51h1v1h-1zM27,51h1v1h-1zM28,51h1v1h-1zM32,51h1v1h-1zM33,51h1v1h-1zM38,51h1v1h-1zM39,51h1v1h-1zM41,51h1v1h-1zM43,51h1v1h-1zM44,51h1v1h-1zM45,51h1v1h-1zM48,51h1v1h-1zM52,51h1v1h-1zM55,51h1v1h-1zM56,51h1v1h-1zM4,52h1v1h-1zM6,52h1v1h-1zM7,52h1v1h-1zM8,52h1v1h-1zM10,52h1v1h-1zM12,52h1v1h-1zM13,52h1v1h-1zM17,52h1v1h-1zM18,52h1v1h-1zM20,52h1v1h-1zM22,52h1v1h-1zM23,52h1v1h-1zM24,52h1v1h-1zM25,52h1v1h-1zM28,52h1v1h-1zM29,52h1v1h-1zM30,52h1v1h-1zM31,52h1v1h-1zM32,52h1v1h-1zM33,52h1v1h-1zM34,52h1v1h-1zM36,52h1v1h-1zM39,52h1v1h-1zM41,52h1v1h-1zM42,52h1v1h-1zM43,52h1v1h-1zM44,52h1v1h-1zM46,52h1v1h-1zM47,52h1v1h-1zM48,52h1v1h-1zM49,52h1v1h-1zM50,52h1v1h-1zM51,52h1v1h-1zM52,52h1v1h-1zM55,52h1v1h-1zM4,53h1v1h-1zM6,53h1v1h-1zM7,53h1v1h-1zM8,53h1v1h-1zM10,53h1v1h-1zM14,53h1v1h-1zM15,53h1v1h-1zM16,53h1v1h-1zM17,53h1v1h-1zM18,53h1v1h-1zM20,53h1v1h-1zM23,53h1v1h-1zM25,53h1v1h-1zM30,53h1v1h-1zM31,53h1v1h-1zM32,53h1v1h-1zM33,53h1v1h-1zM38,53h1v1h-1zM39,53h1v1h-1zM40,53h1v1h-1zM41,53h1v1h-1zM43,53h1v1h-1zM50,53h1v1h-1zM51,53h1v1h-1zM52,53h1v1h-1zM54,53h1v1h-1zM55,53h1v1h-1zM56,53h1v1h-1zM4,54h1v1h-1zM6,54h1v1h-1zM7,54h1v1h-1zM8,54h1v1h-1zM10,54h1v1h-1zM12,54h1v1h-1zM13,54h1v1h-1zM16,54h1v1h-1zM17,54h1v1h-1zM21,54h1v1h-1zM23,54h1v1h-1zM24,54h1v1h-1zM26,54h1v1h-1zM28,54h1v1h-1zM30,54h1v1h-1zM31,54h1v1h-1zM33,54h1v1h-1zM34,54h1v1h-1zM36,54h1v1h-1zM38,54h1v1h-1zM39,54h1v1h-1zM41,54h1v1h-1zM42,54h1v1h-1zM43,54h1v1h-1zM48,54h1v1h-1zM49,54h1v1h-1zM51,54h1v1h-1zM52,54h1v1h-1zM56,54h1v1h-1zM4,55h1v1h-1zM10,55h1v1h-1zM12,55h1v1h-1zM15,55h1v1h-1zM16,55h1v1h-1zM20,55h1v1h-1zM21,55h1v1h-1zM22,55h1v1h-1zM23,55h1v1h-1zM29,55h1v1h-1zM33,55h1v1h-1zM35,55h1v1h-1zM38,55h1v1h-1zM41,55h1v1h-1zM43,55h1v1h-1zM46,55h1v1h-1zM54,55h1v1h-1zM55,55h1v1h-1zM4,56h1v1h-1zM5,56h1v1h-1zM6,56h1v1h-1zM7,56h1v1h-1zM8,56h1v1h-1zM9,56h1v1h-1zM10,56h1v1h-1zM12,56h1v1h-1zM18,56h1v1h-1zM20,56h1v1h-1zM21,56h1v1h-1zM23,56h1v1h-1zM24,56h1v1h-1zM26,56h1v1h-1zM28,56h1v1h-1zM29,56h1v1h-1zM30,56h1v1h-1zM32,56h1v1h-1zM33,56h1v1h-1zM34,56h1v1h-1zM35,56h1v1h-1zM40,56h1v1h-1zM41,56h1v1h-1zM42,56h1v1h-1zM43,56h1v1h-1zM48,56h1v1h-1zM52,56h1v1h-1zM54,56h1v1h-1zM55,56h1v1h-1zM56,56h1v1h-1z\" fill=\"#142d50\"></path></svg><span>Your receiving address</span><strong class=\"receiving-coordinate\">example</strong></div><p class=\"body-copy small-copy receive-hint\">A dedicated page to pay you by card, balance or Note. No signup step.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Request amount (optional)</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Request amount (optional)\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share payment link\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg>Share payment link</button><div class=\"dual-actions\"><button class=\"secondary-button\" aria-label=\"Copy Receiz ID\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy Receiz ID\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy Receiz ID</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Set up NFC tag\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-radio\"><path d=\"M4.9 19.1C1 15.2 1 8.8 4.9 4.9\"></path><path d=\"M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5\"></path><circle cx=\"12\" cy=\"12\" r=\"2\"></circle><path d=\"M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5\"></path><path d=\"M19.1 4.9C23 8.8 23 15.1 19.1 19\"></path></svg>Set up NFC tag</button></div><div class=\"receive-payment-link\"><span>Your payment link</span><div><a class=\"payment-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"bankeiz.com/pay/example/\">bankeiz.com/pay/example/</a><button type=\"button\" class=\"icon-button receive-link-copy\" aria-label=\"Copy payment link\" data-copied=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:16px;height:16px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button></div></div><details class=\"payment-tools\" open=\"\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-earth\"><path d=\"M21.54 15H17a2 2 0 0 0-2 2v4.54\"></path><path d=\"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17\"></path><path d=\"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05\"></path><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></svg>Accept payments anywhere</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"></path></svg></summary><div class=\"payment-tools-content\"><p class=\"body-copy small-copy\">Share your link. Add a payment button. Or put checkout on your website.</p><div class=\"segmented\" aria-label=\"Website integration\"><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive\">Payment button</button><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive-embedded\">Embedded checkout</button></div><p class=\"payment-tools-caption\">Paste into a custom HTML block that allows scripts. The existing Receiz checkout opens card payment within your site.</p><label class=\"payment-tools-code\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-code-xml\"><path d=\"m18 16 4-4-4-4\"></path><path d=\"m6 8-4 4 4 4\"></path><path d=\"m14.5 4-5 16\"></path></svg>Your checkout code</span><textarea aria-label=\"Checkout code\" readonly=\"\" rows=\"4\" spellcheck=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><div class=\"receiz-pay-embed\" data-username=\"example\"></div>\n<script src=\"https://receiz.com/receiz-pay-embed.js\" async></script></textarea></label><button type=\"button\" class=\"secondary-button\" aria-label=\"Copy checkout code\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy checkout code\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy code</button><p class=\"payment-tools-caption\">No website? Share your Receiz card checkout link instead. Customers choose the amount there; the optional amount above applies to your Bankeiz button.</p><div class=\"payment-tools-link\"><a href=\"https://example.invalid/\" rel=\"noopener noreferrer\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"receiz.com/payments/example\">receiz.com/payments/example<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button type=\"button\" aria-label=\"Copy checkout link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy checkout link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button></div><details class=\"payment-tools-methods\"><summary>Payment methods</summary><p>Your Bankeiz button supports Reserve, Settlement and Settlement Reserve Notes through Pay with a Note. The payer approves one payment. Selected Notes confirm their credit before that payment continues. The original proof and funding composition stay connected. Receiz’s embedded widget is a separate card checkout with legacy Wallet Note compatibility.</p></details><a class=\"payment-tools-guide\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Setup and developer guide\">Setup and developer guide<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div></details><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Scanning or tapping opens your selected payment page. The payer reviews and approves the recipient and amount.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your website can carry the payment experience, with your receiving details already connected."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"counter\" data-source-components=\"ConsoleShell,Sheet,MerchantCounter\" data-example-view=\"counter\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-counter-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-counter-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-counter-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-counter-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable counter example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-counter-_R_j9_\">Receive</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"merchant-counter\"><button type=\"button\" class=\"counter-back\" tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-left\"><path d=\"m12 19-7-7 7-7\"></path><path d=\"M19 12H5\"></path></svg>Back to Receive</button><header class=\"counter-heading\"><span class=\"counter-bank-mark\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></span><span><small>Counter</small><strong>@example</strong></span><button type=\"button\" class=\"counter-register-entry\" aria-label=\"Open offerings and register\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open offerings and register\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layout-grid\"><rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"></rect><rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"></rect><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"></rect><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"></rect></svg></button><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg></header><form inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><h1>Ready when they are.</h1><p class=\"body-copy\">One total. One checkout. A payment you can confirm.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Sale total</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Sale total\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><button type=\"submit\" class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Create checkout\">Create checkout</button></form><p class=\"counter-caption counter-footer\">Every payment keeps its original and funding continuity.</p></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Use Counter to prepare a payment for the person in front of you."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"create-asset\" data-source-components=\"ConsoleShell,Sheet,CreateAsset\" data-example-view=\"create-asset\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-create-asset-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-create-asset-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-create-asset-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-create-asset-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable create-asset example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-create-asset-_R_j9_\">Create an asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-creation asset-creation--studio\" data-creation-step=\"canvas\"><fieldset class=\"moment-form-fields\"><section class=\"asset-composer asset-composer--studio\" aria-label=\"Asset content\" data-studio-mode=\"canvas\"><button type=\"button\" class=\"asset-canvas-next\" aria-label=\"Review original\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Review original\">Next<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><div class=\"asset-canvas\"><div class=\"asset-canvas-empty\"><button type=\"button\" class=\"asset-camera-open\" aria-label=\"Open camera\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open camera\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-camera\"><path d=\"M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\"></path><circle cx=\"12\" cy=\"13\" r=\"3\"></circle></svg></button><h1>Make it yours.</h1><p>Capture something new.<br>Or bring the work you already love.</p><button type=\"button\" class=\"asset-import-entry\" aria-label=\"Use an existing proof\" tabindex=\"0\" data-example-action=\"deposit-asset\">Already have a proof object?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></div><div class=\"asset-canvas-tools\"><label tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open the complete original to inspect its proof and ownership.\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-image\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"></rect><circle cx=\"9\" cy=\"9\" r=\"2\"></circle><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"></path></svg><span>Cover</span><input type=\"file\" accept=\"image/*\" aria-label=\"Choose cover\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label></div><div class=\"asset-canvas-caption\"><label class=\"form-field asset-title-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Title</span><input aria-label=\"Title\" maxlength=\"80\" placeholder=\"Give your work a name\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><label class=\"asset-caption-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"sr-only\">Description</span><textarea aria-label=\"Description\" maxlength=\"2000\" rows=\"2\" placeholder=\"Something worth keeping…\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></textarea></label><div class=\"asset-canvas-byline\"><span>@example</span><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-globe\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"></path><path d=\"M2 12h20\"></path></svg>Public Original</span></div></div></div><nav class=\"asset-canvas-dock\" aria-label=\"Original tools\"><label tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open the complete original to inspect its proof and ownership.\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Original</span><input type=\"file\" aria-label=\"Choose original\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><button type=\"button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Attach\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-paperclip\"><path d=\"M13.234 20.252 21 12.3\"></path><path d=\"m16 6-8.414 8.586a2 2 0 0 0 0 2.828 2 2 0 0 0 2.828 0l8.414-8.586a4 4 0 0 0 0-5.656 4 4 0 0 0-5.656 0l-8.415 8.585a6 6 0 1 0 8.486 8.486\"></path></svg><span>Attach</span></button><button type=\"button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Details\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-info\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M12 16v-4\"></path><path d=\"M12 8h.01\"></path></svg><span>Details</span></button><button type=\"button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Text\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-text\"><path d=\"M17 6.1H3\"></path><path d=\"M21 12.1H3\"></path><path d=\"M15.1 18H3\"></path></svg><span>Text</span></button></nav></section><div class=\"asset-creation-options\" hidden=\"\"><button type=\"button\" class=\"asset-import-entry\" aria-label=\"Use an existing proof\" tabindex=\"0\" data-example-action=\"deposit-asset\">Already have a proof object?<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button type=\"button\" class=\"creation-option\" aria-label=\"Add backing\" aria-expanded=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Add backing\"><span class=\"creation-option-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-landmark\"><line x1=\"3\" x2=\"21\" y1=\"22\" y2=\"22\"></line><line x1=\"6\" x2=\"6\" y1=\"18\" y2=\"11\"></line><line x1=\"10\" x2=\"10\" y1=\"18\" y2=\"11\"></line><line x1=\"14\" x2=\"14\" y1=\"18\" y2=\"11\"></line><line x1=\"18\" x2=\"18\" y1=\"18\" y2=\"11\"></line><polygon points=\"12 2 20 7 4 7\"></polygon></svg></span><span>Add backing</span><small>Optional</small><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><details class=\"transaction-proof-details creation-asset-details\"><summary>Asset details <span class=\"small-copy\">Optional</span></summary><div class=\"form-columns\"><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Short code</span><input maxlength=\"8\" placeholder=\"Set automatically\" autocapitalize=\"characters\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Defined units</span><input inputmode=\"decimal\" value=\"1000\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label></div></details></div></fieldset><div class=\"asset-creation-review-actions\" hidden=\"\"><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Your original, artwork, attachments and full text form one public proof object. Sealing publishes the Original on Receiz. Signing unlocks its accrued value. Bankeiz Market listing is separate. Your original keeps the source, ownership and history together.</p></div><button class=\"primary-button\" aria-label=\"Create asset\" tabindex=\"0\" data-example-action=\"created-asset\">Create<span class=\"creation-action-extra\"> asset</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></div></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Create an Original for what you own, with its source, description and ownership together."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-assets-384.webp\"><div class=\"product-screen\" data-product-example=\"deposit-asset\" data-source-components=\"ConsoleShell,Sheet,LiveDeposit\" data-example-view=\"deposit-asset\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-deposit-asset-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-deposit-asset-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-deposit-asset-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-deposit-asset-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable deposit-asset example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-deposit-asset-_R_j9_\">Add</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"deposit-flow\"><button class=\"back-link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All options\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-left\"><path d=\"m12 19-7-7 7-7\"></path><path d=\"M19 12H5\"></path></svg>All options</button><header class=\"deposit-step-intro\"><img src=\"/art/proof-assets-384.webp\" width=\"1024\" height=\"896\" alt=\"\" decoding=\"async\"><h1 class=\"sheet-hero\">Deposit an asset.</h1><p class=\"body-copy\">Upload its original proof object to verify its source and ownership.</p></header><label class=\"file-drop\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Open the complete original to inspect its proof and ownership.\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-upload\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"17 8 12 3 7 8\"></polyline><line x1=\"12\" x2=\"12\" y1=\"3\" y2=\"15\"></line></svg><strong>Upload proof object</strong><span>Original PNG, PDF, SVG, JSON or supported file</span><input type=\"file\" aria-label=\"Choose original proof object\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><p class=\"deposit-create-route\">Don’t have a proof object? <button type=\"button\" aria-label=\"Create an asset instead\" tabindex=\"0\" data-example-action=\"create-asset\">Create an asset<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Deposit an asset by opening its complete Original. Its proof carries the source and ownership."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"add-money\" data-source-components=\"ConsoleShell,Sheet,LiveDeposit\" data-example-view=\"add-money\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-add-money-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-add-money-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-add-money-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-add-money-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable add-money example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-add-money-_R_j9_\">Add</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"deposit-flow\"><button class=\"back-link\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-left\"><path d=\"m12 19-7-7 7-7\"></path><path d=\"M19 12H5\"></path></svg>Back to payment</button><h1 class=\"sheet-hero\">Add to your balance.</h1><p class=\"body-copy\">Add money to your account. You’ll review the payment after your deposit is credited.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Amount</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Amount\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><div class=\"quick-amounts trade-amount-presets\" role=\"group\" aria-label=\"Purchase amounts\"><button type=\"button\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"$100\">$100</button><button type=\"button\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"$250\">$250</button><button type=\"button\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"$500\">$500</button><button type=\"button\" aria-pressed=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"$1,000\">$1,000</button></div><button type=\"button\" class=\"secondary-button\" tabindex=\"0\" data-example-action=\"note-deposit\">Pay with a Note</button><p class=\"body-copy small-copy deposit-payment-summary\">Choose how to pay at secure checkout. Your progress is saved on this device.</p><details class=\"deposit-consent-details\"><summary>Details</summary><p class=\"body-copy small-copy\">Continuing authorizes only your selected deposit payment and its status checks. Receiz processes the payment and credits your Reserve after settlement. Unfinished checkout details are encrypted on this device so you can resume. This does not authorize transfers or asset purchases.</p><p class=\"body-copy small-copy\">Your funds enter the proof-native economy. The Original carries their value and proof. Completed Notes can travel directly between people, including offline. Any receiving implementation keeps the exact value, ownership, history and use rights together.</p></details><a class=\"deposit-originals-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Earn from OriginalsSeal. Accrue. Sign to unlock.\"><span><strong>Earn from Originals</strong><small>Seal. Accrue. Sign to unlock.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\" aria-hidden=\"true\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Continue\">Continue<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Choose an amount, then continue to secure checkout with the available payment methods."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Wheat harvest · 1,000 kg</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.8500000000000005))\">$320.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 288 to 320\"><defs><linearGradient id=\"product-example-destination-asset-detail-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$4,000.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$4,000.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $320.00 per share = <strong>$4,000.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Wheat harvest · 1,000 kg\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Document</span><h2>Wheat harvest · 1,000 kg</h2><p>Example physical goods with quantity, source and delivery terms.</p><code>example-wheat</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example physical goods with quantity, source and delivery terms.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-wheat</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Inspect the asset’s source, ownership and terms before deciding what to do."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"record\" data-source-components=\"ConsoleShell,Sheet,LedgerInspector\" data-example-view=\"record\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-record-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-record-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-record-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-record-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable record example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-record-_R_j9_\">Transaction details</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Alex\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Alex</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Design work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$125.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-funding-trace\" aria-label=\"Funding source\"><details class=\"ledger-funding-sources\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg>Funding source</span><small>Source event</small><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down\" aria-hidden=\"true\"><path d=\"m6 9 6 6 6-6\"></path></svg></summary><dl class=\"ledger-funding-components\"><div><dt>Funding amount</dt><dd>$125.00</dd></div></dl><p class=\"ledger-funding-intro\">Calculated FIFO attribution. Credits follow their source order using exact funding units. Dollar amounts reconcile to this transaction.</p><ol class=\"ledger-funding-path ledger-funding-origins\"><li class=\"is-origin\"><i aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-check2\"><path d=\"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"m3 15 2 2 4-4\"></path></svg></i><div><header><strong>Deposit</strong><b>$125.00</b></header><p>Calculated FIFO share of the recorded source credit.</p><small>Oct 19, 2026, 12:00 PM · ☤KAI 110</small><details class=\"ledger-funding-evidence\"><summary>Source evidence</summary><dl><div><dt>id</dt><dd>reserve:fifo:example-credit-in</dd></div><div><dt>kind</dt><dd>reserve_funding</dd></div><div><dt>source Id</dt><dd>example-credit-in</dd></div><div><dt>amount Usd Cents</dt><dd>12500</dd></div><div><dt>occurred At</dt><dd>2026-10-19T12:00:00Z</dd></div><div><dt>kai Upulse</dt><dd>110000000</dd></div><div><dt>kai Pulse</dt><dd>110</dd></div><div><dt>source</dt><dd>stripe_checkout_wallet_deposit</dd></div></dl></details></div></li></ol></details><details class=\"ledger-funding-full\"><summary>Attribution & source evidence <span>2 moments</span></summary><p>Exact source credit references and amounts with the calculated FIFO path to this recorded debit.</p><ol class=\"ledger-funding-path\"><li class=\"\"><i aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg></i><div><header><strong>Deposit</strong><b>$125.00</b></header><p>Calculated FIFO share of the recorded source credit.</p><small>Oct 19, 2026, 12:00 PM · ☤KAI 110</small><details class=\"ledger-funding-evidence\"><summary>Source evidence</summary><dl><div><dt>id</dt><dd>reserve:fifo:example-credit-in</dd></div><div><dt>kind</dt><dd>reserve_funding</dd></div><div><dt>source Id</dt><dd>example-credit-in</dd></div><div><dt>amount Usd Cents</dt><dd>12500</dd></div><div><dt>occurred At</dt><dd>2026-10-19T12:00:00Z</dd></div><div><dt>kai Upulse</dt><dd>110000000</dd></div><div><dt>kai Pulse</dt><dd>110</dd></div><div><dt>source</dt><dd>stripe_checkout_wallet_deposit</dd></div></dl></details></div></li><li class=\"\"><i aria-hidden=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg></i><div><header><strong>This transaction</strong><b>$125.00</b></header><p>Recorded debit; source slices above are a calculated attribution.</p><small>Oct 20, 2026, 12:00 PM</small><details class=\"ledger-funding-evidence\"><summary>Source evidence</summary><dl><div><dt>id</dt><dd>fifo:debit:example-payment</dd></div><div><dt>kind</dt><dd>wallet_debit</dd></div><div><dt>source Id</dt><dd>example-payment</dd></div><div><dt>amount Usd Cents</dt><dd>12500</dd></div><div><dt>occurred At</dt><dd>2026-10-20T12:00:00Z</dd></div></dl></details></div></li></ol></details></section><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Design work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-payment</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>☤KAI</dt><dd><span>120</span></dd></div><div><dt>☤µKAI</dt><dd><span>120000000</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Alex · Example</span></dd></div></dl></section><section><h4>Value inputs</h4><dl class=\"ledger-field-tree\"><div><dt>Phi · exact micro-units</dt><dd><span>6250000</span></dd></div><div><dt>USD rate · exact microcents / Phi</dt><dd><span>2000000000</span></dd></div><div><dt>Reserve component · cents</dt><dd><span>12500</span></dd></div><div><dt>Settlement component · cents</dt><dd><span>0</span></dd></div></dl></section><section><h4>Carried source details</h4><dl class=\"ledger-field-tree\"><div><dt>Funding Attribution</dt><dd><details class=\"ledger-field-object\"><summary>Inspect fields</summary></details></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Exact carried micro-pulse</span></dd></div><div><dt>Quoted Cents Numerator</dt><dd><span>12500000000000000</span></dd></div><div><dt>Quoted Cents Denominator</dt><dd><span>1000000000000</span></dd></div><div><dt>Quote Formula</dt><dd><span>amountPhiMicro × usdPerPhiMicrocents / 10¹² = cents before rounding</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Check carried evidence\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Download offline evidence\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary><pre>{\n \"schema\": \"bankeiz.ledger-inspection.v1\",\n \"authority\": \"account-source-projection\",\n \"id\": \"example-payment\",\n \"source\": \"wallet\",\n \"kind\": \"payment\",\n \"title\": \"Payment to Alex\",\n \"detail\": \"Design work · Example payment\",\n \"time\": \"2026-10-20T12:00:00Z\",\n \"pulse\": \"120\",\n \"kaiUpulse\": \"120000000\",\n \"actor\": \"Example account\",\n \"sender\": \"Example account\",\n \"recipient\": \"Alex · Example\",\n \"amountUsdCents\": \"12500\",\n \"value\": {\n \"amountUsdCents\": \"12500\",\n \"basis\": \"payment\",\n \"pulse\": null,\n \"considerationUsdCents\": null\n },\n \"valueOperands\": {\n \"amountPhiMicro\": \"6250000\",\n \"usdPerPhiMicrocents\": \"2000000000\",\n \"settledUsdCents\": \"12500\",\n \"phiUsdCents\": \"0\"\n },\n \"evidence\": {},\n \"details\": {\n \"fundingAttribution\": {\n \"rule\": \"receiz-card-fifo-cent-intervals\",\n \"basis\": \"calculated-attribution\",\n \"walletDebitId\": \"example-payment\",\n \"amountUsdCents\": \"12500\",\n \"occurredAt\": \"2026-10-20T12:00:00Z\",\n \"parts\": [\n {\n \"rail\": \"reserve\",\n \"amountUsdCents\": \"12500\",\n \"sources\": [\n {\n \"sourceId\": \"example-credit-in\",\n \"occurredAt\": \"2026-10-19T12:00:00Z\",\n \"source\": \"stripe_checkout_wallet_deposit\",\n \"entryKind\": \"admin_adjustment\",\n \"kaiUpulse\": \"110000000\",\n \"amountUsdCents\": \"12500\",\n \"offsetUsdCents\": \"0\",\n \"creditAmountUsdCents\": \"25000\",\n \"creditPhiMicro\": \"12500000\"\n }\n ]\n }\n ],\n \"kaiUpulse\": \"120000000\",\n \"amountPhiMicro\": \"6250000\"\n },\n \"publicNote\": \"Design work\"\n },\n \"sourceUrl\": null,\n \"valuation\": null,\n \"fundingTrace\": {\n \"basis\": \"calculated-fifo\",\n \"boundary\": \"source-origins\",\n \"valueOrigins\": [],\n \"sources\": [\n {\n \"id\": \"reserve:fifo:example-credit-in\",\n \"kind\": \"reserve_funding\",\n \"label\": \"Deposit\",\n \"detail\": \"Calculated FIFO share of the recorded source credit.\",\n \"sourceId\": \"example-credit-in\",\n \"amountUsdCents\": \"12500\",\n \"occurredAt\": \"2026-10-19T12:00:00Z\",\n \"kaiUpulse\": \"110000000\",\n \"kaiPulse\": \"110\",\n \"source\": \"stripe_checkout_wallet_deposit\"\n }\n ],\n \"steps\": [\n {\n \"id\": \"reserve:fifo:example-credit-in\",\n \"kind\": \"reserve_funding\",\n \"label\": \"Deposit\",\n \"detail\": \"Calculated FIFO share of the recorded source credit.\",\n \"sourceId\": \"example-credit-in\",\n \"amountUsdCents\": \"12500\",\n \"occurredAt\": \"2026-10-19T12:00:00Z\",\n \"kaiUpulse\": \"110000000\",\n \"kaiPulse\": \"110\",\n \"source\": \"stripe_checkout_wallet_deposit\"\n },\n {\n \"id\": \"fifo:debit:example-payment\",\n \"kind\": \"wallet_debit\",\n \"label\": \"This transaction\",\n \"detail\": \"Recorded debit; source slices above are a calculated attribution.\",\n \"sourceId\": \"example-payment\",\n \"amountUsdCents\": \"12500\",\n \"occurredAt\": \"2026-10-20T12:00:00Z\"\n }\n ],\n \"components\": [\n {\n \"rail\": \"reserve\",\n \"amountUsdCents\": \"12500\"\n }\n ],\n \"attribution\": {\n \"rule\": \"receiz-card-fifo-cent-intervals\",\n \"basis\": \"calculated-attribution\",\n \"walletDebitId\": \"example-payment\",\n \"amountUsdCents\": \"12500\",\n \"occurredAt\": \"2026-10-20T12:00:00Z\",\n \"parts\": [\n {\n \"rail\": \"reserve\",\n \"amountUsdCents\": \"12500\",\n \"sources\": [\n {\n \"sourceId\": \"example-credit-in\",\n \"occurredAt\": \"2026-10-19T12:00:00Z\",\n \"source\": \"stripe_checkout_wallet_deposit\",\n \"entryKind\": \"admin_adjustment\",\n \"kaiUpulse\": \"110000000\",\n \"amountUsdCents\": \"12500\",\n \"offsetUsdCents\": \"0\",\n \"creditAmountUsdCents\": \"25000\",\n \"creditPhiMicro\": \"12500000\"\n }\n ]\n }\n ],\n \"kaiUpulse\": \"120000000\",\n \"amountPhiMicro\": \"6250000\"\n }\n }\n}</pre></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-example-action=\"record\" data-example-feedback=\"Open full receipt\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy record details\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Download record details\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"See who paid whom, how much and what the payment was for."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"vault\" data-source-components=\"ConsoleShell,VaultExperience,Sheet\" data-example-view=\"vault\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-vault-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-vault-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-vault-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-vault-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable vault example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-vault-_R_j9_\">Your vaults</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"vault-experience\" aria-busy=\"false\"><div class=\"vault-step\"><span class=\"vault-kicker\">Personal custody</span><h2>Create your vault</h2><p>A private place for your money and originals. Yours to hold. Yours to move.</p><label inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Vault name<input maxlength=\"80\" autocomplete=\"off\" value=\"My reserve\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><label class=\"vault-protection\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-fingerprint\"><path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\"></path><path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\"></path><path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\"></path><path d=\"M2 12a10 10 0 0 1 18-6\"></path><path d=\"M2 16h.01\"></path><path d=\"M21.8 16c.2-2 .131-5.354 0-6\"></path><path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\"></path><path d=\"M8.65 22c.21-.66.45-1.32.57-2\"></path><path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\"></path></svg><span>Add a passkey<small>Require your private original and your passkey to open.</small></span><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><p class=\"vault-private-warning\">Your private original gives access to the vault. Anyone with it can use the value inside.</p><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Continue\">Continue</button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Back\">Back</button></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Keep your objects and their continuity in your own Vault."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1125 to 1125\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging\" data-example-scenario=\"overview\"><nav class=\"bank-messaging-nav\"><button class=\"active\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"bank-conversation-scroll\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div class=\"bank-message-own\"><p>What’s coming in, and what do I need to pay?</p></div><div data-example-response=\"true\" data-example-answer=\"You have $1,125. Your outstanding invoices total $1,200; bills due total $450. If those invoices are paid and the bills clear, you would have $1,875. Mira’s invoice needs the first follow-up.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You have $1,125. Your outstanding invoices total $1,200; bills due total $450. If those invoices are paid and the bills clear, you would have $1,875. Mira’s invoice needs the first follow-up.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"bank-message-own\" data-example-followup=\"true\"><p>Has Mira paid any of it already?</p></div><div data-example-response=\"true\" data-example-followup=\"true\" data-example-answer=\"Yes—her $150 payment is already included in your account balance. That leaves $250 to follow up, not $400. I can draft the reminder with the invoice and that partial payment together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Yes—her $150 payment is already included in your account balance. That leaves $250 to follow up, not $400. I can draft the reminder with the invoice and that partial payment together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>What’s coming in, and what do I need to pay?</p><p><strong>Your agent</strong>You have $1,125. Your outstanding invoices total $1,200; bills due total $450. If those invoices are paid and the bills clear, you would have $1,875. Mira’s invoice needs the first follow-up.</p><p><strong>You</strong>Has Mira paid any of it already?</p><p><strong>Your agent</strong>Yes—her $150 payment is already included in your account balance. That leaves $250 to follow up, not $400. I can draft the reminder with the invoice and that partial payment together.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<div class=\"product-screen\" data-product-example=\"entry\" data-source-components=\"Entrance\" data-example-view=\"entry\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable entry example\"><div class=\"console identity-entrance\"><header class=\"app-header\"><span class=\"bank-home-mark\" role=\"img\" aria-label=\"Bankeiz\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></span><div class=\"entrance-conformance\"><button type=\"button\" class=\"entrance-conformance-trigger\" data-state=\"passed\" aria-label=\"Conformance status: conforming\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-controls=\"product-example-destination-entry-_R_ip_-conformance\" title=\"Conforming\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Conformance status: conforming\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\" aria-hidden=\"true\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg></button></div></header><main class=\"entrance-content\"><button type=\"button\" class=\"entrance-symbol\" aria-label=\"Continue with PBI\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"39\" height=\"39\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-fingerprint\"><path d=\"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4\"></path><path d=\"M14 13.12c0 2.38 0 6.38-1 8.88\"></path><path d=\"M17.29 21.02c.12-.6.43-2.3.5-3.02\"></path><path d=\"M2 12a10 10 0 0 1 18-6\"></path><path d=\"M2 16h.01\"></path><path d=\"M21.8 16c.2-2 .131-5.354 0-6\"></path><path d=\"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2\"></path><path d=\"M8.65 22c.21-.66.45-1.32.57-2\"></path><path d=\"M9 6.8a6 6 0 0 1 9 5.2v2\"></path></svg></button><h1>Your value.<br>More possibilities.</h1><p class=\"page-subtitle\">One place for all your value. Wherever you go.</p><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"account\">Enter<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"account\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19 11V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4M7 2v20\"></path><circle cx=\"13\" cy=\"7.5\" r=\"1.8\"></circle><path d=\"M9.8 14.5v-.8a3.2 3.2 0 0 1 6.4 0v.8\"></path><circle cx=\"18\" cy=\"16\" r=\"2.7\"></circle><path d=\"m16 18-4 4h2v-2h2v-2\"></path></svg>Use existing account</button><input type=\"file\" accept=\".png,.pdf,.receiz,.receizkey,.json,application/octet-stream\" hidden=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><p class=\"entrance-consent\">By continuing, you authorize <a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"account access\">account access</a>, including balance viewing, your Twin, messages and calls. Your <a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"signing key\">signing key</a> stays on this device.</p><a class=\"entrance-learn\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explore Reality-grade banking\">Explore Reality-grade banking</a></main></div></div></div>","copy":"Open your own identity to use the real account. This walkthrough opens no account."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-wheat\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-wheat\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-wheat-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-wheat-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-wheat-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-wheat-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-wheat example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-wheat-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Wheat harvest · 1,000 kg</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.8500000000000005))\">$320.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 288 to 320\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-wheat-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-wheat-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$4,000.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$4,000.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $320.00 per share = <strong>$4,000.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Wheat harvest · 1,000 kg\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Document</span><h2>Wheat harvest · 1,000 kg</h2><p>Example physical goods with quantity, source and delivery terms.</p><code>example-wheat</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-wheat-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-wheat-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example physical goods with quantity, source and delivery terms.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-wheat</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example physical goods with quantity, source and delivery terms. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/deposit-source-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-equipment\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-equipment\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-equipment-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-equipment-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-equipment-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-equipment-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-equipment example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-equipment-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/deposit-source-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Workshop equipment</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 4.95))\">$7,500.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 6750 to 7500\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-equipment-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-equipment-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$93,750.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">$93,750.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $7,500.00 per share = <strong>$93,750.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Workshop equipment\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Document</span><h2>Workshop equipment</h2><p>Example equipment, its condition and the ownership being offered.</p><code>example-equipment</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-equipment-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-equipment-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example equipment, its condition and the ownership being offered.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-equipment</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example equipment, its condition and the ownership being offered. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-assets-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-sneakers\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-sneakers\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-sneakers-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-sneakers-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-sneakers-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-sneakers-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-sneakers example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-sneakers-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-assets-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Original sneakers</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.8500000000000005))\">$180.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 162 to 180\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-sneakers-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-sneakers-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$2,250.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$2,250.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $180.00 per share = <strong>$2,250.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Original sneakers\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Image</span><h2>Original sneakers</h2><p>Example collectible with its provenance and ownership history.</p><code>example-sneakers</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-sneakers-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-sneakers-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example collectible with its provenance and ownership history.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-sneakers</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example collectible with its provenance and ownership history. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-book\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-book\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-book-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-book-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-book-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-book-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-book example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-book-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>A field guide</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.3000000000000003))\">$45.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 40.5 to 45\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-book-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-book-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$562.50<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$562.50</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $45.00 per share = <strong>$562.50</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"A field guide\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Book</span><h2>A field guide</h2><p>Example original book with its source and defined rights.</p><code>example-book</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-book-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-book-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example original book with its source and defined rights.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-book</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example original book with its source and defined rights. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-recording\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-recording\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-recording-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-recording-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-recording-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-recording-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-recording example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-recording-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>An original recording</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.8500000000000005))\">$250.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 225 to 250\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-recording-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-recording-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$3,125.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$3,125.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $250.00 per share = <strong>$3,125.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"An original recording\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Music</span><h2>An original recording</h2><p>Example music and the rights included with the Original.</p><code>example-recording</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-recording-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-recording-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example music and the rights included with the Original.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-recording</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example music and the rights included with the Original. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-record-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-photograph\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-photograph\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-photograph-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-photograph-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-photograph-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-photograph-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-photograph example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-photograph-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-record-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Landscape photograph</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.8500000000000005))\">$120.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 108 to 120\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-photograph-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-photograph-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$1,500.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$1,500.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $120.00 per share = <strong>$1,500.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Landscape photograph\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Image</span><h2>Landscape photograph</h2><p>Example photography with its source, creator and license terms.</p><code>example-photograph</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-photograph-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-photograph-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example photography with its source, creator and license terms.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-photograph</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example photography with its source, creator and license terms. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-market-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-tools\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-tools\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-tools-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-tools-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-tools-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-tools-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-tools example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-tools-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-market-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Tool collection</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 3.8500000000000005))\">$460.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 414 to 460\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-tools-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-tools-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$5,750.00<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">$5,750.00</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $460.00 per share = <strong>$5,750.00</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Tool collection\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Document</span><h2>Tool collection</h2><p>Example physical tools with condition and delivery details.</p><code>example-tools</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-tools-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-tools-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example physical tools with condition and delivery details.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-tools</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example physical tools with condition and delivery details. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-identity-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"asset-detail-example-studio\" data-source-components=\"ConsoleShell,Sheet,PublicAssetDetail\" data-example-view=\"asset-detail-example-studio\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-asset-detail-example-studio-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change positive\"><strong>↗ +$125.00 (+12.50%)</strong><span>Available history</span></div><div class=\"value-chart green\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1000 to 1125\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-studio-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-studio-_R_4db9_)\"></path><path d=\"M12,112 C86,112 86,12 160,12 C234,12 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-asset-detail-example-studio-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable asset-detail-example-studio example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-asset-detail-example-studio-_R_j9_\">Your asset</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"asset-detail-heading\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-identity-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><div><h1>Studio access rights</h1><p>Public source</p></div></div><div class=\"asset-page-links\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Asset page\">Asset page<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button class=\"icon-button\" aria-label=\"Copy asset link\" title=\"Copy asset link\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy asset link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button class=\"icon-button\" aria-label=\"Share asset\" title=\"Share asset\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share asset\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg></button><span class=\"sr-only\" role=\"status\"></span></div><div class=\"asset-price public-asset-price\"><strong class=\"asset-price-amount\" style=\"font-size:min(35px, calc((100cqw - 92px) / 4.95))\">$2,375.00</strong><span>Market Value</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" aria-label=\"Public Market value in dollars, from 2137.5 to 2375\"><defs><linearGradient id=\"product-example-destination-asset-detail-example-studio-_R_1tj9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-asset-detail-example-studio-_R_1tj9_)\"></path><path d=\"M12,112 C86,112 86,62 160,62 C234,62 234,12 308,12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"12\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><details class=\"share-inventory\"><summary><span>Shares & market cap</span><span>$29,687.50<i aria-hidden=\"true\">⌄</i></span></summary><div class=\"share-inventory-content\"><div class=\"share-inventory-stats\"><div><span>Available to buy</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">2.5<small> shares</small></strong></div><div><span>Shares held</span><strong style=\"font-size:min(16px, calc(100cqw / 6))\">10</strong></div><div><span>Market cap</span><strong style=\"font-size:min(16px, calc(100cqw / 6.6000000000000005))\">$29,687.50</strong></div></div><div class=\"share-inventory-math\"><p>(10 outstanding + 2.5 available to buy) × $2,375.00 per share = <strong>$29,687.50</strong>.</p><p>Outstanding shares include 10 held in accounts and Vaults + 0 in live certificates. Exporting or depositing a certificate moves those same shares.</p><p>Supply is variable under the existing issuance rules. Buying capacity follows the current quote and exposure limits. Reserved buying capacity is accounted for separately.</p><small>Recorded at ☤KAI 14800000000000 μpulse · final availability is checked when you review a trade.</small></div></div></details><div class=\"dual-actions\"><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Buy ownership\">Buy ownership</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Take cash\">Take cash</button></div><details class=\"transaction-proof-details asset-trade-terms\"><summary>Ownership & payment</summary><p class=\"body-copy small-copy\">Inspect the Original for what is included and any use or delivery terms. Your approved trade records the ownership units bought or sold. A completed sale credits the seller’s proceeds to their account; the source and ownership history stay connected.</p></details><section class=\"asset-object \" aria-label=\"Studio access rights\" data-motion=\"running\" data-showing=\"front\"><div class=\"asset-object-stage\"><div class=\"asset-object-float\"><div class=\"asset-object-pose\"><div class=\"asset-object-turn\"><div class=\"asset-object-side asset-object-front \" data-side=\"front\" aria-hidden=\"false\"><div class=\"public-collectible-face\"><span>Document</span><h2>Studio access rights</h2><p>Example access rights with a defined duration and terms.</p><code>example-studio</code><small>Public source presentation</small></div></div><div id=\"product-example-destination-asset-detail-example-studio-_R_35j9_\" class=\"asset-object-side asset-object-back is-inactive\" data-side=\"back\" aria-hidden=\"true\" inert=\"\"></div></div></div></div></div><div class=\"asset-object-toolbar\"><span aria-hidden=\"true\">The original</span><button type=\"button\" class=\"asset-object-flip\" aria-label=\"Show proof material\" aria-pressed=\"false\" aria-controls=\"product-example-destination-asset-detail-example-studio-_R_35j9_\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Show proof material\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-rotate-cw\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path></svg><span>Proof</span></button></div></section><div class=\"asset-actions asset-source-links\"></div><section class=\"asset-caption\" aria-label=\"Object caption\"><span>Object note</span><p>Example access rights with a defined duration and terms.</p></section><div class=\"detail-list\"><div><span>Owner</span><strong><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"@example\">@example</a></strong></div><div><span>Object</span><strong class=\"proof-coordinate\">example-studio</strong></div><div><span>Sealed</span><strong>10/14/2026, 12:00:00 PM</strong></div></div><p class=\"body-copy small-copy\">Explore public asset values here. Review the current quote, budget or quantity before approving a live Market trade.</p></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Example access rights with a defined duration and terms. Values and images are illustrative."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$14,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 14800 to 14800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$14,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 14800 to 14800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"daily-afford\" data-example-scenario=\"daily-afford\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The order fits. Your cash buffer is intact.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The order fits. Your cash buffer is intact.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I buy the $2,000 equipment and keep my $4,000 buffer?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.\" data-example-response=\"\" data-example-answer=\"After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$14,800</dd></div><div><dt>Recorded commitments</dt><dd>$9,600</dd></div><div><dt>Your protected buffer</dt><dd>$4,000</dd></div><div><dt>Available for this decision</dt><dd>$7,600</dd></div><div><dt>Immediate cost</dt><dd>$2,000</dd></div><div><dt>Left within this plan</dt><dd>$5,600</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What changes if Oak pays before I order?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.\" data-example-response=\"\" data-example-answer=\"Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Oak the agreed $2,400 follow-up. Once that payment is recorded, I approve the $2,000 equipment payment to our existing supplier. Keep my $4,000 buffer.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Oak</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Oak’s $2,400 is recorded and the equipment supplier is paid $2,000. $5,600 remains after the order and recorded commitments. Your $4,000 buffer stays covered.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Oak’s $2,400 is recorded and the equipment supplier is paid $2,000. $5,600 remains after the order and recorded commitments. Your $4,000 buffer stays covered.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The order fits. Your cash buffer is intact.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Oak</span><small>Received</small></span><strong>$2,400.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$2,400.00</strong><span class=\"bank-chat-payment-peer\">From Oak</span><p class=\"bank-chat-payment-note\">Outstanding project balance</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,400.00</dd></div><div><dt>Φ</dt><dd>120</dd></div><div><dt>Reference</dt><dd>example-daily-daily-afford-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Equipment supplier</span><small>Paid</small></span><strong>$2,000.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$2,000.00</strong><span class=\"bank-chat-payment-peer\">To Equipment supplier</span><p class=\"bank-chat-payment-note\">Approved equipment order</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,000.00</dd></div><div><dt>Φ</dt><dd>100</dd></div><div><dt>Reference</dt><dd>example-daily-daily-afford-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Left within this plan</small><strong>$5,600</strong><p>Account after <b>$15,200.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$14,800</strong></div><div><span>Recorded commitments</span><strong>$9,600</strong></div><div><span>Your protected buffer</span><strong>$4,000</strong></div><div><span>Available for this decision</span><strong>$7,600</strong></div><div><span>Immediate cost</span><strong>$2,000</strong></div><div><span>Left within this plan</span><strong>$5,600</strong></div></div><p class=\"organizer-sub\">Send Oak the agreed $2,400 follow-up. Once that payment is recorded, I approve the $2,000 equipment payment to our existing supplier. Keep my $4,000 buffer.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Equipment supplier · Example</strong></div><div><span>You send</span><strong>$2,000.00</strong></div><div><span>Φ at this quote</span><strong>100 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved equipment order</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $2,000.00 to Equipment supplier · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Oak\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Oak</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Outstanding project balance · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,400.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Outstanding project balance</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-afford-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Oak · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Equipment supplier\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Equipment supplier</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved equipment order · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,000.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved equipment order</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-afford-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Equipment supplier · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I buy the $2,000 equipment and keep my $4,000 buffer?</p><p><strong>Your agent</strong>After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.</p><p><strong>You</strong>What changes if Oak pays before I order?</p><p><strong>Your agent</strong>Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15200 to 15200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18500 to 18500\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18500 to 18500\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"daily-payroll\" data-example-scenario=\"daily-payroll\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Review</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The team is paid. Their records are together.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The team is paid. Their records are together.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Pay the team for this week using the approved amounts.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.\" data-example-response=\"\" data-example-answer=\"Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$18,500</dd></div><div><dt>Approved team payments</dt><dd>$3,200</dd></div><div><dt>Three separate recipients</dt><dd>Exact amounts reviewed</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Keep each payment with the work it is for.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.\" data-example-response=\"\" data-example-answer=\"The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve each payment: Alex $1,200, Rae $1,100 and Morgan $900 for this week’s approved work. Keep each person’s record with it.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The team is paid. Their records are together. Alex: $1,200 paid. Rae: $1,100 paid. Morgan: $900 paid. The account now has $15,300. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The team is paid. Their records are together. Alex: $1,200 paid. Rae: $1,100 paid. Morgan: $900 paid. The account now has $15,300. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The team is paid. Their records are together.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Alex</span><small>Paid</small></span><strong>$1,200.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$1,200.00</strong><span class=\"bank-chat-payment-peer\">To Alex</span><p class=\"bank-chat-payment-note\">Approved weekly work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,200.00</dd></div><div><dt>Φ</dt><dd>60</dd></div><div><dt>Reference</dt><dd>example-daily-daily-payroll-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Rae</span><small>Paid</small></span><strong>$1,100.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$1,100.00</strong><span class=\"bank-chat-payment-peer\">To Rae</span><p class=\"bank-chat-payment-note\">Approved weekly work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,100.00</dd></div><div><dt>Φ</dt><dd>55</dd></div><div><dt>Reference</dt><dd>example-daily-daily-payroll-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Morgan</span><small>Paid</small></span><strong>$900.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$900.00</strong><span class=\"bank-chat-payment-peer\">To Morgan</span><p class=\"bank-chat-payment-note\">Approved weekly work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$900.00</dd></div><div><dt>Φ</dt><dd>45</dd></div><div><dt>Reference</dt><dd>example-daily-daily-payroll-2</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-2\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total paid</small><strong>$3,200</strong><p>Account after <b>$15,300.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$18,500</strong></div><div><span>Approved team payments</span><strong>$3,200</strong></div><div><span>Three separate recipients</span><strong>Exact amounts reviewed</strong></div></div><p class=\"organizer-sub\">I approve each payment: Alex $1,200, Rae $1,100 and Morgan $900 for this week’s approved work. Keep each person’s record with it.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Alex · Example</strong></div><div><span>You send</span><strong>$1,200.00</strong></div><div><span>Φ at this quote</span><strong>60 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved weekly work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $1,200.00 to Alex · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Rae · Example</strong></div><div><span>You send</span><strong>$1,100.00</strong></div><div><span>Φ at this quote</span><strong>55 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved weekly work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $1,100.00 to Rae · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Morgan · Example</strong></div><div><span>You send</span><strong>$900.00</strong></div><div><span>Φ at this quote</span><strong>45 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved weekly work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $900.00 to Morgan · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Alex\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Alex</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved weekly work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,200.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved weekly work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-payroll-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Alex · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Rae\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Rae</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved weekly work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,100.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved weekly work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-payroll-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Rae · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-2\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Morgan\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Morgan</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved weekly work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$900.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved weekly work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-payroll-2</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Morgan · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Pay the team for this week using the approved amounts.</p><p><strong>Your agent</strong>Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.</p><p><strong>You</strong>Keep each payment with the work it is for.</p><p><strong>Your agent</strong>The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,300.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15300 to 15300\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1125 to 1125\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1125 to 1125\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"daily-collect\" data-example-scenario=\"daily-collect\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Mira’s remaining balance is cleared.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">Mira’s remaining balance is cleared.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Follow up on what Mira still owes me.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.\" data-example-response=\"\" data-example-answer=\"Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$1,125</dd></div><div><dt>Original project amount</dt><dd>$400</dd></div><div><dt>Already received</dt><dd>$150</dd></div><div><dt>Remaining on this project</dt><dd>$250</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Use the original agreement and credit what she paid.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.\" data-example-response=\"\" data-example-answer=\"The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Mira the $250 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Mira</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Mira’s $250 is received. Her $150 partial payment stays credited. Your account is now $1,375; the other $950 still owed and $450 bills stay in their own context.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Mira’s $250 is received. Her $150 partial payment stays credited. Your account is now $1,375; the other $950 still owed and $450 bills stay in their own context.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"Mira’s remaining balance is cleared.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Mira</span><small>Received</small></span><strong>$250.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$250.00</strong><span class=\"bank-chat-payment-peer\">From Mira</span><p class=\"bank-chat-payment-note\">Project balance after $150 partial payment</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$250.00</dd></div><div><dt>Φ</dt><dd>12.5</dd></div><div><dt>Reference</dt><dd>example-daily-daily-collect-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$250</strong><p>Account after <b>$1,375.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$1,125</strong></div><div><span>Original project amount</span><strong>$400</strong></div><div><span>Already received</span><strong>$150</strong></div><div><span>Remaining on this project</span><strong>$250</strong></div></div><p class=\"organizer-sub\">Send Mira the $250 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Mira\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Mira</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Project balance after $150 partial payment · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$250.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Project balance after $150 partial payment</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-collect-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Mira · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Follow up on what Mira still owes me.</p><p><strong>Your agent</strong>Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.</p><p><strong>You</strong>Use the original agreement and credit what she paid.</p><p><strong>Your agent</strong>The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,375.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1375 to 1375\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18500 to 18500\"><defs><linearGradient id=\"daily-money-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"daily-money-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"daily-money-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"daily-payroll\" data-example-scenario=\"daily-payroll\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Review</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The team is paid. Their records are together.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The team is paid. Their records are together.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Pay the team for this week using the approved amounts.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.\" data-example-response=\"\" data-example-answer=\"Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$18,500</dd></div><div><dt>Approved team payments</dt><dd>$3,200</dd></div><div><dt>Three separate recipients</dt><dd>Exact amounts reviewed</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Keep each payment with the work it is for.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.\" data-example-response=\"\" data-example-answer=\"The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve each payment: Alex $1,200, Rae $1,100 and Morgan $900 for this week’s approved work. Keep each person’s record with it.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The team is paid. Their records are together. Alex: $1,200 paid. Rae: $1,100 paid. Morgan: $900 paid. The account now has $15,300. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The team is paid. Their records are together. Alex: $1,200 paid. Rae: $1,100 paid. Morgan: $900 paid. The account now has $15,300. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The team is paid. Their records are together.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Alex</span><small>Paid</small></span><strong>$1,200.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$1,200.00</strong><span class=\"bank-chat-payment-peer\">To Alex</span><p class=\"bank-chat-payment-note\">Approved weekly work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,200.00</dd></div><div><dt>Φ</dt><dd>60</dd></div><div><dt>Reference</dt><dd>example-daily-daily-payroll-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Rae</span><small>Paid</small></span><strong>$1,100.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$1,100.00</strong><span class=\"bank-chat-payment-peer\">To Rae</span><p class=\"bank-chat-payment-note\">Approved weekly work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,100.00</dd></div><div><dt>Φ</dt><dd>55</dd></div><div><dt>Reference</dt><dd>example-daily-daily-payroll-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Morgan</span><small>Paid</small></span><strong>$900.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$900.00</strong><span class=\"bank-chat-payment-peer\">To Morgan</span><p class=\"bank-chat-payment-note\">Approved weekly work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$900.00</dd></div><div><dt>Φ</dt><dd>45</dd></div><div><dt>Reference</dt><dd>example-daily-daily-payroll-2</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-2\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total paid</small><strong>$3,200</strong><p>Account after <b>$15,300.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$18,500</strong></div><div><span>Approved team payments</span><strong>$3,200</strong></div><div><span>Three separate recipients</span><strong>Exact amounts reviewed</strong></div></div><p class=\"organizer-sub\">I approve each payment: Alex $1,200, Rae $1,100 and Morgan $900 for this week’s approved work. Keep each person’s record with it.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Alex · Example</strong></div><div><span>You send</span><strong>$1,200.00</strong></div><div><span>Φ at this quote</span><strong>60 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved weekly work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $1,200.00 to Alex · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Rae · Example</strong></div><div><span>You send</span><strong>$1,100.00</strong></div><div><span>Φ at this quote</span><strong>55 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved weekly work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $1,100.00 to Rae · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Morgan · Example</strong></div><div><span>You send</span><strong>$900.00</strong></div><div><span>Φ at this quote</span><strong>45 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved weekly work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $900.00 to Morgan · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Alex\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Alex</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved weekly work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,200.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved weekly work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-payroll-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Alex · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Rae\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Rae</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved weekly work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,100.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved weekly work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-payroll-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Rae · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-2\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Morgan\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Morgan</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved weekly work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$900.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved weekly work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-payroll-2</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Morgan · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Pay the team for this week using the approved amounts.</p><p><strong>Your agent</strong>Alex has $1,200 approved, Rae $1,100 and Morgan $900. That is $3,200 across three people. Your account has $18,500 before those payments.</p><p><strong>You</strong>Keep each payment with the work it is for.</p><p><strong>Your agent</strong>The three recipients, amounts and approved work references are ready together. Each payment keeps its own exact approval and record.</p></div></details>","copy":"The team is paid. Their records are together.","view":"daily-payroll"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18500 to 18500\"><defs><linearGradient id=\"daily-money-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account before these payments.","view":"daily-payroll:account"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,300.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15300 to 15300\"><defs><linearGradient id=\"daily-money-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"daily-payroll:account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1125 to 1125\"><defs><linearGradient id=\"daily-money-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"daily-money-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"daily-money-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"daily-collect\" data-example-scenario=\"daily-collect\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Mira’s remaining balance is cleared.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">Mira’s remaining balance is cleared.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Follow up on what Mira still owes me.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.\" data-example-response=\"\" data-example-answer=\"Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$1,125</dd></div><div><dt>Original project amount</dt><dd>$400</dd></div><div><dt>Already received</dt><dd>$150</dd></div><div><dt>Remaining on this project</dt><dd>$250</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Use the original agreement and credit what she paid.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.\" data-example-response=\"\" data-example-answer=\"The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Mira the $250 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Mira</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Mira’s $250 is received. Her $150 partial payment stays credited. Your account is now $1,375; the other $950 still owed and $450 bills stay in their own context.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Mira’s $250 is received. Her $150 partial payment stays credited. Your account is now $1,375; the other $950 still owed and $450 bills stay in their own context.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"Mira’s remaining balance is cleared.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Mira</span><small>Received</small></span><strong>$250.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$250.00</strong><span class=\"bank-chat-payment-peer\">From Mira</span><p class=\"bank-chat-payment-note\">Project balance after $150 partial payment</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$250.00</dd></div><div><dt>Φ</dt><dd>12.5</dd></div><div><dt>Reference</dt><dd>example-daily-daily-collect-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$250</strong><p>Account after <b>$1,375.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$1,125</strong></div><div><span>Original project amount</span><strong>$400</strong></div><div><span>Already received</span><strong>$150</strong></div><div><span>Remaining on this project</span><strong>$250</strong></div></div><p class=\"organizer-sub\">Send Mira the $250 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Mira\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Mira</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Project balance after $150 partial payment · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$250.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Project balance after $150 partial payment</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-collect-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Mira · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Follow up on what Mira still owes me.</p><p><strong>Your agent</strong>Mira’s project was $400. Her $150 partial payment is already in your account, leaving $250 on that project. Other outstanding invoices total $950 and bills due total $450.</p><p><strong>You</strong>Use the original agreement and credit what she paid.</p><p><strong>Your agent</strong>The follow-up asks for $250 and credits the $150 already received. Mira can see the work, the partial payment and the exact remaining amount together.</p></div></details>","copy":"Mira’s remaining balance is cleared.","view":"daily-collect"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,125.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1125 to 1125\"><defs><linearGradient id=\"daily-money-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account before these payments.","view":"daily-collect:account"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,375.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1375 to 1375\"><defs><linearGradient id=\"daily-money-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"daily-collect:account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$14,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 14800 to 14800\"><defs><linearGradient id=\"daily-money-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"daily-money-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"daily-money-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"daily-afford\" data-example-scenario=\"daily-afford\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The order fits. Your cash buffer is intact.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The order fits. Your cash buffer is intact.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I buy the $2,000 equipment and keep my $4,000 buffer?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.\" data-example-response=\"\" data-example-answer=\"After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$14,800</dd></div><div><dt>Recorded commitments</dt><dd>$9,600</dd></div><div><dt>Your protected buffer</dt><dd>$4,000</dd></div><div><dt>Available for this decision</dt><dd>$7,600</dd></div><div><dt>Immediate cost</dt><dd>$2,000</dd></div><div><dt>Left within this plan</dt><dd>$5,600</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What changes if Oak pays before I order?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.\" data-example-response=\"\" data-example-answer=\"Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Oak the agreed $2,400 follow-up. Once that payment is recorded, I approve the $2,000 equipment payment to our existing supplier. Keep my $4,000 buffer.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Oak</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Oak’s $2,400 is recorded and the equipment supplier is paid $2,000. $5,600 remains after the order and recorded commitments. Your $4,000 buffer stays covered.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Oak’s $2,400 is recorded and the equipment supplier is paid $2,000. $5,600 remains after the order and recorded commitments. Your $4,000 buffer stays covered.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The order fits. Your cash buffer is intact.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Oak</span><small>Received</small></span><strong>$2,400.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$2,400.00</strong><span class=\"bank-chat-payment-peer\">From Oak</span><p class=\"bank-chat-payment-note\">Outstanding project balance</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,400.00</dd></div><div><dt>Φ</dt><dd>120</dd></div><div><dt>Reference</dt><dd>example-daily-daily-afford-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Equipment supplier</span><small>Paid</small></span><strong>$2,000.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$2,000.00</strong><span class=\"bank-chat-payment-peer\">To Equipment supplier</span><p class=\"bank-chat-payment-note\">Approved equipment order</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,000.00</dd></div><div><dt>Φ</dt><dd>100</dd></div><div><dt>Reference</dt><dd>example-daily-daily-afford-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Left within this plan</small><strong>$5,600</strong><p>Account after <b>$15,200.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$14,800</strong></div><div><span>Recorded commitments</span><strong>$9,600</strong></div><div><span>Your protected buffer</span><strong>$4,000</strong></div><div><span>Available for this decision</span><strong>$7,600</strong></div><div><span>Immediate cost</span><strong>$2,000</strong></div><div><span>Left within this plan</span><strong>$5,600</strong></div></div><p class=\"organizer-sub\">Send Oak the agreed $2,400 follow-up. Once that payment is recorded, I approve the $2,000 equipment payment to our existing supplier. Keep my $4,000 buffer.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Equipment supplier · Example</strong></div><div><span>You send</span><strong>$2,000.00</strong></div><div><span>Φ at this quote</span><strong>100 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved equipment order</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $2,000.00 to Equipment supplier · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Oak\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Oak</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Outstanding project balance · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,400.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Outstanding project balance</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-afford-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Oak · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Equipment supplier\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Equipment supplier</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved equipment order · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,000.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved equipment order</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-daily-afford-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Equipment supplier · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I buy the $2,000 equipment and keep my $4,000 buffer?</p><p><strong>Your agent</strong>After $5,400 payroll, $2,400 rent and $1,800 suppliers, $5,200 remains. Buying now would leave $3,200, below your $4,000 target. Oak still owes $2,400.</p><p><strong>You</strong>What changes if Oak pays before I order?</p><p><strong>Your agent</strong>Once Oak’s $2,400 is recorded, the same order and commitments would leave $5,600. The equipment fits the plan at that point, with the $4,000 buffer covered.</p></div></details>","copy":"The order fits. Your cash buffer is intact.","view":"daily-afford"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$14,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 14800 to 14800\"><defs><linearGradient id=\"daily-money-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account before these payments.","view":"daily-afford:account"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"daily-money-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15200 to 15200\"><defs><linearGradient id=\"daily-money-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#daily-money-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"daily-afford:account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage,ContactsView,PersonView,CalendarView,EventView,LedgerInspector\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9500 to 9500\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow\" data-agent-workflow=\"true\" data-example-scenario=\"agent-workflow\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button><span class=\"bank-organizer-tools\"><button type=\"button\" aria-label=\"Calendar\" data-workflow-open=\"calendar\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg></button><button type=\"button\" aria-label=\"Contacts\" data-workflow-open=\"contacts\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-contact-round\"><path d=\"M16 2v2\"></path><path d=\"M17.915 22a6 6 0 0 0-12 0\"></path><path d=\"M8 2v2\"></path><circle cx=\"12\" cy=\"12\" r=\"4\"></circle><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect></svg></button></span></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the example workflow\"><button type=\"button\" data-workflow-step=\"0\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Find</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-contact-round\"><path d=\"M16 2v2\"></path><path d=\"M17.915 22a6 6 0 0 0-12 0\"></path><path d=\"M8 2v2\"></path><circle cx=\"12\" cy=\"12\" r=\"4\"></circle><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect></svg><span>Contacts</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg><span>Calendar</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">Contact saved. Call booked. Payment received.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Find three shop owners who need a store refresh. Use my approved introduction. When someone agrees, book a call and collect the $300 project deposit.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m finding a fit for your store-refresh offer, using the clients and project brief we discussed.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m finding a fit for your store-refresh offer, using the clients and project brief we discussed.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Found three owners whose shops fit. Mia needs her checkout refreshed. Jordan is adding a catalogue. Sam wants booking and payments together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Found three owners whose shops fit. Mia needs her checkout refreshed. Jordan is adding a catalogue. Sam wants booking and payments together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"agent-workflow-findings\"><small>Three people who fit your offer</small><div><span class=\"profile-avatar \" aria-hidden=\"true\"><span>MC</span></span><span><strong>Mia Chen</strong><small>Willow Studio</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></div><div><span class=\"profile-avatar \" aria-hidden=\"true\"><span>JB</span></span><span><strong>Jordan Brooks</strong><small>Northline Bikes</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></div><div><span class=\"profile-avatar \" aria-hidden=\"true\"><span>SR</span></span><span><strong>Sam Rivera</strong><small>June Home</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></div></div></div><div data-workflow-turn=\"2\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved introduction is sent. All three are in Contacts with their business, what they need and the conversation. Mia wants to move ahead.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved introduction is sent. All three are in Contacts with their business, what they need and the conversation. Mia wants to move ahead.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"contacts\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-contact-round\"><path d=\"M16 2v2\"></path><path d=\"M17.915 22a6 6 0 0 0-12 0\"></path><path d=\"M8 2v2\"></path><circle cx=\"12\" cy=\"12\" r=\"4\"></circle><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect></svg><span><strong>3 contacts saved</strong><small>The person, their business and your conversation.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"agent-workflow-client\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>MC</span></span><div><small>Mia Chen</small><p>Tuesday works. Let’s go ahead with the store refresh. Send the $300 deposit request.</p></div></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Mia agreed to Tuesday’s 20-minute call. It’s in your calendar with her store brief and the $300 deposit terms. The payment request is already with her.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Mia agreed to Tuesday’s 20-minute call. It’s in your calendar with her store brief and the $300 deposit terms. The payment request is already with her.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"event\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg><span><strong>In your calendar</strong><small>Mia · Store refresh · Tuesday · 20 min</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Mia’s $300 is received. Your contact, Tuesday’s call, the agreed work and the payment are together. You can pick up ready.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Mia’s $300 is received. Your contact, Tuesday’s call, the agreed work and the payment are together. You can pick up ready.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$300.00</strong><span class=\"bank-chat-payment-peer\">From Mia Chen</span><p class=\"bank-chat-payment-note\">Store setup deposit</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$300.00</dd></div><div><dt>Φ</dt><dd>15</dd></div><div><dt>Reference</dt><dd>example-mia-deposit</dd></div></dl></details></div></article><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"record\" tabindex=\"0\">Open the connected payment record <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"What would you like done?\" placeholder=\"What would you like done?\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"contacts\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><div class=\"organizer-section-head\"><div><h3>People</h3><p>3 contacts</p></div><button type=\"button\" aria-label=\"Import contacts\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-upload\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"17 8 12 3 7 8\"></polyline><line x1=\"12\" x2=\"12\" y1=\"3\" y2=\"15\"></line></svg></button><button type=\"button\" aria-label=\"Add contact\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></button></div><label class=\"organizer-search\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><input aria-label=\"Search contacts\" placeholder=\"Find someone\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><div class=\"organizer-people\"><button type=\"button\" aria-label=\"Jordan Brooks\" class=\"organizer-person-row\" tabindex=\"0\" data-workflow-open=\"person-1\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>JB</span></span><span><strong>Jordan Brooks</strong><small>Northline Bikes</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button type=\"button\" aria-label=\"Mia Chen\" class=\"organizer-person-row\" tabindex=\"0\" data-workflow-open=\"person\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>MC</span></span><span><strong>Mia Chen</strong><small>Willow Studio</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button type=\"button\" aria-label=\"Sam Rivera\" class=\"organizer-person-row\" tabindex=\"0\" data-workflow-open=\"person-2\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>SR</span></span><span><strong>Sam Rivera</strong><small>June Home</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><p class=\"agent-workflow-pane-note\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg>Added by your agent, with the context already there.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"person\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><button type=\"button\" class=\"organizer-back\" tabindex=\"0\" data-workflow-open=\"contacts\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"></path></svg>Contacts</button><div class=\"organizer-person-head\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>MC</span></span><h3>Mia Chen</h3><p>Owner · Willow Studio</p><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit contact</button></div><div class=\"organizer-person-actions\"><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg>Message</button><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg>Schedule</button></div><div class=\"organizer-card organizer-contact-facts\"><p><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"></rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"></path></svg><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"mia@example.invalid\">mia@example.invalid</a></p></div><div class=\"organizer-card\"><small>Coming up</small><h4>Mia · Store refresh</h4><p>Tuesday, October 27 · 10:00 AM</p></div><div class=\"organizer-card\"><h4>Notes</h4><p class=\"organizer-prewrap\">Online store refresh · asked about checkout and timing.</p></div><details class=\"organizer-details\"><summary>History <span>1</span></summary><div class=\"organizer-history\"><small>10/20/2026</small><p>Your approved introduction</p><p>Online store refresh · asked about checkout and timing.</p></div></details></div></div><div class=\"bank-organizer\" data-workflow-pane=\"person-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><button type=\"button\" class=\"organizer-back\" tabindex=\"0\" data-workflow-open=\"contacts\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"></path></svg>Contacts</button><div class=\"organizer-person-head\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>JB</span></span><h3>Jordan Brooks</h3><p>Owner · Northline Bikes</p><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit contact</button></div><div class=\"organizer-person-actions\"><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg>Message</button><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg>Schedule</button></div><div class=\"organizer-card organizer-contact-facts\"><p><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"></rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"></path></svg><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"jordan@example.invalid\">jordan@example.invalid</a></p></div><div class=\"organizer-card\"><h4>Notes</h4><p class=\"organizer-prewrap\">New online catalogue · interested in a first conversation.</p></div><details class=\"organizer-details\"><summary>History <span>1</span></summary><div class=\"organizer-history\"><small>10/20/2026</small><p>Your approved introduction</p><p>New online catalogue · interested in a first conversation.</p></div></details></div></div><div class=\"bank-organizer\" data-workflow-pane=\"person-2\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><button type=\"button\" class=\"organizer-back\" tabindex=\"0\" data-workflow-open=\"contacts\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"></path></svg>Contacts</button><div class=\"organizer-person-head\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>SR</span></span><h3>Sam Rivera</h3><p>Owner · June Home</p><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit contact</button></div><div class=\"organizer-person-actions\"><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg>Message</button><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg>Schedule</button></div><div class=\"organizer-card organizer-contact-facts\"><p><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mail\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"></rect><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"></path></svg><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"sam@example.invalid\">sam@example.invalid</a></p></div><div class=\"organizer-card\"><h4>Notes</h4><p class=\"organizer-prewrap\">Booking and online payments · follow up next week.</p></div><details class=\"organizer-details\"><summary>History <span>1</span></summary><div class=\"organizer-history\"><small>10/20/2026</small><p>Your approved introduction</p><p>Booking and online payments · follow up next week.</p></div></details></div></div><div class=\"bank-organizer\" data-workflow-pane=\"calendar\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><div class=\"organizer-section-head organizer-calendar-head\"><label class=\"organizer-month\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>October 2026</span><input aria-label=\"Choose calendar date\" type=\"date\" value=\"2026-10-27\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></label><button type=\"button\" aria-label=\"New appointment\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></button></div><div class=\"organizer-calendar-tools\"><div class=\"organizer-segments\"><button type=\"button\" class=\"active\" aria-pressed=\"true\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Agenda</button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Week</button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Month</button></div><button type=\"button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Today</button></div><div class=\"organizer-week-strip\"><button type=\"button\" aria-label=\"Previous week\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"></path></svg></button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>M</small><strong>26</strong><i></i></button><button type=\"button\" class=\"active\" aria-pressed=\"true\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>T</small><strong>27</strong><i data-event=\"true\"></i></button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>W</small><strong>28</strong><i></i></button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>T</small><strong>29</strong><i></i></button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>F</small><strong>30</strong><i></i></button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>S</small><strong>31</strong><i></i></button><button type=\"button\" class=\"\" aria-pressed=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><small>S</small><strong>1</strong><i></i></button><button type=\"button\" aria-label=\"Next week\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h4 class=\"organizer-date-heading\">Tuesday, October 27</h4><div class=\"organizer-agenda\"><button type=\"button\" class=\"organizer-agenda-row\" tabindex=\"0\" data-workflow-open=\"event\"><time datetime=\"2026-10-27T10:00:00Z\">10:00 AM</time><span><strong>Mia · Store refresh</strong><small>Project call</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><button type=\"button\" class=\"organizer-link-row\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"></path><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"></path></svg><span>Your booking link</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><p class=\"agent-workflow-pane-note\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg>The time, the person and the conversation, together.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"event\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><button type=\"button\" class=\"organizer-back\" tabindex=\"0\" data-workflow-open=\"calendar\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-left\"><path d=\"m15 18-6-6 6-6\"></path></svg>Calendar</button><div class=\"organizer-event-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-calendar-days\"><path d=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect><path d=\"M3 10h18\"></path><path d=\"M8 14h.01\"></path><path d=\"M12 14h.01\"></path><path d=\"M16 14h.01\"></path><path d=\"M8 18h.01\"></path><path d=\"M12 18h.01\"></path><path d=\"M16 18h.01\"></path></svg></div><h3 class=\"organizer-lead\">Mia · Store refresh</h3><div class=\"organizer-card\"><h4>Tuesday, October 27</h4><p>10:00 AM – 10:20 AM</p><small>UTC</small></div><div class=\"organizer-card\"><small>With</small><h4>Mia Chen</h4><button type=\"button\" tabindex=\"0\" data-workflow-open=\"chat\">Open conversation<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"organizer-card\"><small>Place</small><p>Project call</p></div><div class=\"organizer-card\"><small>Notes</small><p class=\"organizer-prewrap\">Checkout refresh. $300 setup deposit agreed. Bring the store brief from this conversation.</p></div><details class=\"organizer-details\"><summary>People <span>1</span></summary><p>mia@example.invalid</p></details><button type=\"button\" class=\"organizer-primary\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit appointment</button><button type=\"button\" class=\"organizer-quiet\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Cancel appointment</button></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Mia\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Mia</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Store setup deposit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$300.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Store setup deposit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-mia-deposit</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Mia Chen · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Find three shop owners who need a store refresh. Use my approved introduction. When someone agrees, book a call and collect the $300 project deposit.</p><p><strong>Your agent</strong>Three people found. Their businesses and conversations are saved in Contacts.</p><p><strong>You</strong>Keep the agreed call, the project brief and the deposit together.</p><p><strong>Your agent</strong>Mia’s call is in your calendar. Her $300 deposit is received and connected to the same person and project.</p></div></details>","copy":"One request becomes connected contacts, an agreed appointment and a received payment. Scripted example; no outreach, booking or payment is made."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$28,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 28600 to 28600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$28,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 28600 to 28600\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"agencies\" data-example-scenario=\"agencies\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"North’s launch balance is paid, with the handoff attached.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">North’s launch balance is paid, with the handoff attached.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Which client needs a follow-up before I pay the freelancers?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"North’s invoice has $4,800 outstanding. The $1,200 payment you received was a partial payment on that same project. Your freelancer commitments total $3,100 this week. Chase the remaining $4,800, not the original $6,000.\" data-example-response=\"\" data-example-answer=\"North’s invoice has $4,800 outstanding. The $1,200 payment you received was a partial payment on that same project. Your freelancer commitments total $3,100 this week. Chase the remaining $4,800, not the original $6,000.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>North’s invoice has $4,800 outstanding. The $1,200 payment you received was a partial payment on that same project. Your freelancer commitments total $3,100 this week. Chase the remaining $4,800, not the original $6,000.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$28,600</dd></div><div><dt>Project total</dt><dd>$6,000</dd></div><div><dt>Partial payment credited</dt><dd>$1,200</dd></div><div><dt>Still due</dt><dd>$4,800</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Draft it using what they said about the launch.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can acknowledge the launch handoff they confirmed Tuesday, credit the $1,200 already received and ask about the remaining $4,800. The reminder starts from the agreement and payment history, rather than treating them as a new contact.\" data-example-response=\"\" data-example-answer=\"I can acknowledge the launch handoff they confirmed Tuesday, credit the $1,200 already received and ask about the remaining $4,800. The reminder starts from the agreement and payment history, rather than treating them as a new contact.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can acknowledge the launch handoff they confirmed Tuesday, credit the $1,200 already received and ask about the remaining $4,800. The reminder starts from the agreement and payment history, rather than treating them as a new contact.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send North the $4,800 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>North</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"North’s launch balance is paid, with the handoff attached. North: $4,800 received. The account now has $33,400. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>North’s launch balance is paid, with the handoff attached. North: $4,800 received. The account now has $33,400. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"North’s launch balance is paid, with the handoff attached.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>North</span><small>Received</small></span><strong>$4,800.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$4,800.00</strong><span class=\"bank-chat-payment-peer\">From North</span><p class=\"bank-chat-payment-note\">Launch project: $6,000 less $1,200 received</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$4,800.00</dd></div><div><dt>Φ</dt><dd>240</dd></div><div><dt>Reference</dt><dd>example-daily-agencies-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$4,800</strong><p>Account after <b>$33,400.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">North’s invoice has $4,800 outstanding. The $1,200 payment you received was a partial payment on that same project. Your freelancer commitments total $3,100 this week. Chase the remaining $4,800, not the original $6,000.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$28,600</strong></div><div><span>Project total</span><strong>$6,000</strong></div><div><span>Partial payment credited</span><strong>$1,200</strong></div><div><span>Still due</span><strong>$4,800</strong></div></div><p class=\"organizer-sub\">Send North the $4,800 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from North\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from North</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Launch project: $6,000 less $1,200 received · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$4,800.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Launch project: $6,000 less $1,200 received</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-agencies-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>North · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Which client needs a follow-up before I pay the freelancers?</p><p><strong>Your agent</strong>North’s invoice has $4,800 outstanding. The $1,200 payment you received was a partial payment on that same project. Your freelancer commitments total $3,100 this week. Chase the remaining $4,800, not the original $6,000.</p><p><strong>You</strong>Draft it using what they said about the launch.</p><p><strong>Your agent</strong>I can acknowledge the launch handoff they confirmed Tuesday, credit the $1,200 already received and ask about the remaining $4,800. The reminder starts from the agreement and payment history, rather than treating them as a new contact.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$33,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 33400 to 33400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$12,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 12400 to 12400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$12,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 12400 to 12400\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"consultants\" data-example-scenario=\"consultants\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The renewal prices the extra visit separately.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The renewal prices the extra visit separately.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Did that engagement actually earn what I thought?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $8,000 fee came in across two payments. The travel and research costs linked to it total $1,450, leaving $6,550 before tax and other overhead. That is the engagement result, not the whole account balance.\" data-example-response=\"\" data-example-answer=\"The $8,000 fee came in across two payments. The travel and research costs linked to it total $1,450, leaving $6,550 before tax and other overhead. That is the engagement result, not the whole account balance.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $8,000 fee came in across two payments. The travel and research costs linked to it total $1,450, leaving $6,550 before tax and other overhead. That is the engagement result, not the whole account balance.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$12,400</dd></div><div><dt>Engagement receipts</dt><dd>$8,000</dd></div><div><dt>Linked costs</dt><dd>$1,450</dd></div><div><dt>Before tax and overhead</dt><dd>$6,550</dd></div><div><dt>Extra visit on renewal</dt><dd>$650</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What should I change on the renewal?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Last time, the extra site visit accounted for $650 of those costs. I can prepare renewal terms that price the visit separately, using the earlier scope and actual costs rather than quietly absorbing it again.\" data-example-response=\"\" data-example-answer=\"Last time, the extra site visit accounted for $650 of those costs. I can prepare renewal terms that price the visit separately, using the earlier scope and actual costs rather than quietly absorbing it again.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Last time, the extra site visit accounted for $650 of those costs. I can prepare renewal terms that price the visit separately, using the earlier scope and actual costs rather than quietly absorbing it again.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Prepare the renewal with the extra site visit as a separate $650 line. Keep the original engagement and its actual costs beside it.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The renewal summary is ready with the $650 site visit separated. Your $6,550 prior engagement result and its source costs stay attached, so the next quote starts from what delivery actually cost.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The renewal summary is ready with the $650 site visit separated. Your $6,550 prior engagement result and its source costs stay attached, so the next quote starts from what delivery actually cost.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The renewal prices the extra visit separately.\"><small>Extra visit priced separately</small><strong>$650</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The $8,000 fee came in across two payments. The travel and research costs linked to it total $1,450, leaving $6,550 before tax and other overhead. That is the engagement result, not the whole account balance.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$12,400</strong></div><div><span>Engagement receipts</span><strong>$8,000</strong></div><div><span>Linked costs</span><strong>$1,450</strong></div><div><span>Before tax and overhead</span><strong>$6,550</strong></div><div><span>Extra visit on renewal</span><strong>$650</strong></div></div><p class=\"organizer-sub\">Prepare the renewal with the extra site visit as a separate $650 line. Keep the original engagement and its actual costs beside it.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Did that engagement actually earn what I thought?</p><p><strong>Your agent</strong>The $8,000 fee came in across two payments. The travel and research costs linked to it total $1,450, leaving $6,550 before tax and other overhead. That is the engagement result, not the whole account balance.</p><p><strong>You</strong>What should I change on the renewal?</p><p><strong>Your agent</strong>Last time, the extra site visit accounted for $650 of those costs. I can prepare renewal terms that price the visit separately, using the earlier scope and actual costs rather than quietly absorbing it again.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$12,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 12400 to 12400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$4,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 4800 to 4800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$4,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 4800 to 4800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"freelancers\" data-example-scenario=\"freelancers\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The website balance includes the approved extra page.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The website balance includes the approved extra page.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Am I paid up on the website job?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"You quoted $2,400, received a $600 deposit and later agreed to a $300 extra page. That leaves $2,100. The final payment should reflect the approved extra, not just the original quote.\" data-example-response=\"\" data-example-answer=\"You quoted $2,400, received a $600 deposit and later agreed to a $300 extra page. That leaves $2,100. The final payment should reflect the approved extra, not just the original quote.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You quoted $2,400, received a $600 deposit and later agreed to a $300 extra page. That leaves $2,100. The final payment should reflect the approved extra, not just the original quote.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$4,800</dd></div><div><dt>Original scope</dt><dd>$2,400</dd></div><div><dt>Approved extra page</dt><dd>$300</dd></div><div><dt>Deposit received</dt><dd>$600</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Get the final request ready.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can prepare the $2,100 request with the original $2,400 scope, $600 deposit and approved $300 addition together. You can check it once; the client can see how the remaining amount was reached.\" data-example-response=\"\" data-example-answer=\"I can prepare the $2,100 request with the original $2,400 scope, $600 deposit and approved $300 addition together. You can check it once; the client can see how the remaining amount was reached.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can prepare the $2,100 request with the original $2,400 scope, $600 deposit and approved $300 addition together. You can check it once; the client can see how the remaining amount was reached.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Website client the $2,100 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Website client</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The website balance includes the approved extra page. Website client: $2,100 received. The account now has $6,900. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The website balance includes the approved extra page. Website client: $2,100 received. The account now has $6,900. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The website balance includes the approved extra page.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Website client</span><small>Received</small></span><strong>$2,100.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$2,100.00</strong><span class=\"bank-chat-payment-peer\">From Website client</span><p class=\"bank-chat-payment-note\">Website: $2,400 + $300 extra − $600 deposit</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,100.00</dd></div><div><dt>Φ</dt><dd>105</dd></div><div><dt>Reference</dt><dd>example-daily-freelancers-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$2,100</strong><p>Account after <b>$6,900.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">You quoted $2,400, received a $600 deposit and later agreed to a $300 extra page. That leaves $2,100. The final payment should reflect the approved extra, not just the original quote.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$4,800</strong></div><div><span>Original scope</span><strong>$2,400</strong></div><div><span>Approved extra page</span><strong>$300</strong></div><div><span>Deposit received</span><strong>$600</strong></div></div><p class=\"organizer-sub\">Send Website client the $2,100 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Website client\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Website client</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Website: $2,400 + $300 extra − $600 deposit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,100.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Website: $2,400 + $300 extra − $600 deposit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-freelancers-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Website client · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Am I paid up on the website job?</p><p><strong>Your agent</strong>You quoted $2,400, received a $600 deposit and later agreed to a $300 extra page. That leaves $2,100. The final payment should reflect the approved extra, not just the original quote.</p><p><strong>You</strong>Get the final request ready.</p><p><strong>Your agent</strong>I can prepare the $2,100 request with the original $2,400 scope, $600 deposit and approved $300 addition together. You can check it once; the client can see how the remaining amount was reached.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$6,900.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 6900 to 6900\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$6,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 6800 to 6800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$6,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 6800 to 6800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"designers\" data-example-scenario=\"designers\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The extra revision is paid, with its approval.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The extra revision is paid, with its approval.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Why does this project keep taking more time without bringing in more money?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $3,000 package included two revision rounds. Your conversation records approval for a third round at $450, but the payment request still shows only the package. That agreed $450 has not been requested.\" data-example-response=\"\" data-example-answer=\"The $3,000 package included two revision rounds. Your conversation records approval for a third round at $450, but the payment request still shows only the package. That agreed $450 has not been requested.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $3,000 package included two revision rounds. Your conversation records approval for a third round at $450, but the payment request still shows only the package. That agreed $450 has not been requested.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$6,800</dd></div><div><dt>Included revision rounds</dt><dd>2</dd></div><div><dt>Separately approved round</dt><dd>$450</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Write the payment note in the same tone as our conversation.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can reference the third round they approved, keep your friendly tone and prepare the separate $450 request. The additional work, their agreement and the amount stay connected so you do not have to justify it from scratch.\" data-example-response=\"\" data-example-answer=\"I can reference the third round they approved, keep your friendly tone and prepare the separate $450 request. The additional work, their agreement and the amount stay connected so you do not have to justify it from scratch.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can reference the third round they approved, keep your friendly tone and prepare the separate $450 request. The additional work, their agreement and the amount stay connected so you do not have to justify it from scratch.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Design client the $450 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Design client</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The extra revision is paid, with its approval. Design client: $450 received. The account now has $7,250. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The extra revision is paid, with its approval. Design client: $450 received. The account now has $7,250. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The extra revision is paid, with its approval.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Design client</span><small>Received</small></span><strong>$450.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$450.00</strong><span class=\"bank-chat-payment-peer\">From Design client</span><p class=\"bank-chat-payment-note\">Approved third revision round</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$450.00</dd></div><div><dt>Φ</dt><dd>22.5</dd></div><div><dt>Reference</dt><dd>example-daily-designers-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$450</strong><p>Account after <b>$7,250.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The $3,000 package included two revision rounds. Your conversation records approval for a third round at $450, but the payment request still shows only the package. That agreed $450 has not been requested.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$6,800</strong></div><div><span>Included revision rounds</span><strong>2</strong></div><div><span>Separately approved round</span><strong>$450</strong></div></div><p class=\"organizer-sub\">Send Design client the $450 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Design client\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Design client</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved third revision round · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$450.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved third revision round</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-designers-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Design client · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Why does this project keep taking more time without bringing in more money?</p><p><strong>Your agent</strong>The $3,000 package included two revision rounds. Your conversation records approval for a third round at $450, but the payment request still shows only the package. That agreed $450 has not been requested.</p><p><strong>You</strong>Write the payment note in the same tone as our conversation.</p><p><strong>Your agent</strong>I can reference the third round they approved, keep your friendly tone and prepare the separate $450 request. The additional work, their agreement and the amount stay connected so you do not have to justify it from scratch.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$7,250.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 7250 to 7250\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9400 to 9400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9400 to 9400\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"creators\" data-example-scenario=\"creators\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The new usage request keeps the campaign economics.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The new usage request keeps the campaign economics.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Did the campaign make money after everything I spent?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The brand paid $4,500. Production, editing and the linked travel costs total $1,700, leaving $2,800 before tax and other overhead. The separate $900 affiliate payout belongs to another campaign; I have not counted it twice.\" data-example-response=\"\" data-example-answer=\"The brand paid $4,500. Production, editing and the linked travel costs total $1,700, leaving $2,800 before tax and other overhead. The separate $900 affiliate payout belongs to another campaign; I have not counted it twice.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The brand paid $4,500. Production, editing and the linked travel costs total $1,700, leaving $2,800 before tax and other overhead. The separate $900 affiliate payout belongs to another campaign; I have not counted it twice.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$9,400</dd></div><div><dt>Campaign payment</dt><dd>$4,500</dd></div><div><dt>Linked delivery costs</dt><dd>$1,700</dd></div><div><dt>Before tax and overhead</dt><dd>$2,800</dd></div><div><dt>New usage request</dt><dd>6 months</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What matters before I accept their next offer?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The earlier agreement included one usage period. Their new brief asks for six months. I can put the previous net amount beside the wider rights request so you can price the additional use with the actual campaign history in view.\" data-example-response=\"\" data-example-answer=\"The earlier agreement included one usage period. Their new brief asks for six months. I can put the previous net amount beside the wider rights request so you can price the additional use with the actual campaign history in view.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The earlier agreement included one usage period. Their new brief asks for six months. I can put the previous net amount beside the wider rights request so you can price the additional use with the actual campaign history in view.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Prepare the six-month usage proposal for my review. Include the earlier campaign’s receipts, costs and original usage period.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The six-month usage proposal is ready with the earlier $2,800 campaign result and the original usage period together. The separate $900 affiliate payout stays separate from this campaign.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The six-month usage proposal is ready with the earlier $2,800 campaign result and the original usage period together. The separate $900 affiliate payout stays separate from this campaign.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The new usage request keeps the campaign economics.\"><small>Usage period in the proposal</small><strong>6 months</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The brand paid $4,500. Production, editing and the linked travel costs total $1,700, leaving $2,800 before tax and other overhead. The separate $900 affiliate payout belongs to another campaign; I have not counted it twice.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$9,400</strong></div><div><span>Campaign payment</span><strong>$4,500</strong></div><div><span>Linked delivery costs</span><strong>$1,700</strong></div><div><span>Before tax and overhead</span><strong>$2,800</strong></div><div><span>New usage request</span><strong>6 months</strong></div></div><p class=\"organizer-sub\">Prepare the six-month usage proposal for my review. Include the earlier campaign’s receipts, costs and original usage period.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Did the campaign make money after everything I spent?</p><p><strong>Your agent</strong>The brand paid $4,500. Production, editing and the linked travel costs total $1,700, leaving $2,800 before tax and other overhead. The separate $900 affiliate payout belongs to another campaign; I have not counted it twice.</p><p><strong>You</strong>What matters before I accept their next offer?</p><p><strong>Your agent</strong>The earlier agreement included one usage period. Their new brief asks for six months. I can put the previous net amount beside the wider rights request so you can price the additional use with the actual campaign history in view.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9400 to 9400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$3,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 3600 to 3600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$3,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 3600 to 3600\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"musicians\" data-example-scenario=\"musicians\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Review</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The four band payments match the agreed split.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The four band payments match the agreed split.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>How much from the show is actually left for the band?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $2,800 show payment is in. Venue-linked travel and equipment costs total $600, leaving $2,200 before other obligations. Your agreed four-way split would be $550 each if those are all the show costs.\" data-example-response=\"\" data-example-answer=\"The $2,800 show payment is in. Venue-linked travel and equipment costs total $600, leaving $2,200 before other obligations. Your agreed four-way split would be $550 each if those are all the show costs.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $2,800 show payment is in. Venue-linked travel and equipment costs total $600, leaving $2,200 before other obligations. Your agreed four-way split would be $550 each if those are all the show costs.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$3,600</dd></div><div><dt>Show received</dt><dd>$2,800</dd></div><div><dt>Linked show costs</dt><dd>$600</dd></div><div><dt>Four-way split</dt><dd>$550 each</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Use the split we agreed last rehearsal.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"That agreement reimburses Jules’s $200 travel cost before the four-way split; it is already in the $600 costs. I can prepare the four $550 payments without subtracting the reimbursement twice. You review before anything moves.\" data-example-response=\"\" data-example-answer=\"That agreement reimburses Jules’s $200 travel cost before the four-way split; it is already in the $600 costs. I can prepare the four $550 payments without subtracting the reimbursement twice. You review before anything moves.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>That agreement reimburses Jules’s $200 travel cost before the four-way split; it is already in the $600 costs. I can prepare the four $550 payments without subtracting the reimbursement twice. You review before anything moves.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve four $550 payments to Jules, Kit, Remy and Ellis. Jules’s $200 travel reimbursement is already inside the $600 costs; keep it credited once.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The four band payments match the agreed split. Jules: $550 paid. Kit: $550 paid. Remy: $550 paid. Ellis: $550 paid. The account now has $1,400. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The four band payments match the agreed split. Jules: $550 paid. Kit: $550 paid. Remy: $550 paid. Ellis: $550 paid. The account now has $1,400. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The four band payments match the agreed split.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Jules</span><small>Paid</small></span><strong>$550.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$550.00</strong><span class=\"bank-chat-payment-peer\">To Jules</span><p class=\"bank-chat-payment-note\">Agreed show split</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$550.00</dd></div><div><dt>Φ</dt><dd>27.5</dd></div><div><dt>Reference</dt><dd>example-daily-musicians-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Kit</span><small>Paid</small></span><strong>$550.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$550.00</strong><span class=\"bank-chat-payment-peer\">To Kit</span><p class=\"bank-chat-payment-note\">Agreed show split</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$550.00</dd></div><div><dt>Φ</dt><dd>27.5</dd></div><div><dt>Reference</dt><dd>example-daily-musicians-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Remy</span><small>Paid</small></span><strong>$550.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$550.00</strong><span class=\"bank-chat-payment-peer\">To Remy</span><p class=\"bank-chat-payment-note\">Agreed show split</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$550.00</dd></div><div><dt>Φ</dt><dd>27.5</dd></div><div><dt>Reference</dt><dd>example-daily-musicians-2</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-2\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Ellis</span><small>Paid</small></span><strong>$550.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$550.00</strong><span class=\"bank-chat-payment-peer\">To Ellis</span><p class=\"bank-chat-payment-note\">Agreed show split</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$550.00</dd></div><div><dt>Φ</dt><dd>27.5</dd></div><div><dt>Reference</dt><dd>example-daily-musicians-3</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-3\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total paid</small><strong>$2,200</strong><p>Account after <b>$1,400.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The $2,800 show payment is in. Venue-linked travel and equipment costs total $600, leaving $2,200 before other obligations. Your agreed four-way split would be $550 each if those are all the show costs.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$3,600</strong></div><div><span>Show received</span><strong>$2,800</strong></div><div><span>Linked show costs</span><strong>$600</strong></div><div><span>Four-way split</span><strong>$550 each</strong></div></div><p class=\"organizer-sub\">I approve four $550 payments to Jules, Kit, Remy and Ellis. Jules’s $200 travel reimbursement is already inside the $600 costs; keep it credited once.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Jules · Example</strong></div><div><span>You send</span><strong>$550.00</strong></div><div><span>Φ at this quote</span><strong>27.5 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Agreed show split</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $550.00 to Jules · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Kit · Example</strong></div><div><span>You send</span><strong>$550.00</strong></div><div><span>Φ at this quote</span><strong>27.5 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Agreed show split</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $550.00 to Kit · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Remy · Example</strong></div><div><span>You send</span><strong>$550.00</strong></div><div><span>Φ at this quote</span><strong>27.5 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Agreed show split</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $550.00 to Remy · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Ellis · Example</strong></div><div><span>You send</span><strong>$550.00</strong></div><div><span>Φ at this quote</span><strong>27.5 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Agreed show split</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $550.00 to Ellis · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Jules\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Jules</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Agreed show split · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$550.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Agreed show split</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-musicians-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Jules · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Kit\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Kit</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Agreed show split · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$550.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Agreed show split</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-musicians-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Kit · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-2\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Remy\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Remy</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Agreed show split · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$550.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Agreed show split</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-musicians-2</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Remy · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-3\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Ellis\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Ellis</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Agreed show split · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$550.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Agreed show split</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-musicians-3</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Ellis · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-3\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>How much from the show is actually left for the band?</p><p><strong>Your agent</strong>The $2,800 show payment is in. Venue-linked travel and equipment costs total $600, leaving $2,200 before other obligations. Your agreed four-way split would be $550 each if those are all the show costs.</p><p><strong>You</strong>Use the split we agreed last rehearsal.</p><p><strong>Your agent</strong>That agreement reimburses Jules’s $200 travel cost before the four-way split; it is already in the $600 costs. I can prepare the four $550 payments without subtracting the reimbursement twice. You review before anything moves.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$1,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 1400 to 1400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$5,100.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 5100 to 5100\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$5,100.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 5100 to 5100\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"authors\" data-example-scenario=\"authors\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The bookstore order covers the next print run.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The bookstore order covers the next print run.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Did the book launch pay for itself yet?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Recorded launch receipts are $3,200. Printing, design and event costs total $2,750, leaving $450 before tax and other overhead. The $1,000 bookstore order is unpaid, so it is not included in money received.\" data-example-response=\"\" data-example-answer=\"Recorded launch receipts are $3,200. Printing, design and event costs total $2,750, leaving $450 before tax and other overhead. The $1,000 bookstore order is unpaid, so it is not included in money received.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Recorded launch receipts are $3,200. Printing, design and event costs total $2,750, leaving $450 before tax and other overhead. The $1,000 bookstore order is unpaid, so it is not included in money received.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$5,100</dd></div><div><dt>Launch result so far</dt><dd>$450</dd></div><div><dt>Bookstore order still due</dt><dd>$1,000</dd></div><div><dt>Next print quote</dt><dd>$900</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What happens if I order another print run?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The printer’s earlier quote is $900 for the next run. That is $450 more than this launch has recovered so far. I can show the paid receipts, unpaid bookstore order and new print cost separately before you decide.\" data-example-response=\"\" data-example-answer=\"The printer’s earlier quote is $900 for the next run. That is $450 more than this launch has recovered so far. I can show the paid receipts, unpaid bookstore order and new print cost separately before you decide.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The printer’s earlier quote is $900 for the next run. That is $450 more than this launch has recovered so far. I can show the paid receipts, unpaid bookstore order and new print cost separately before you decide.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Follow up on the $1,000 bookstore order. Once it is paid, I approve the printer’s $900 quote for the next run. Keep both with the launch.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Bookstore</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The bookstore’s $1,000 is recorded and the printer is paid $900. The launch now has $550 after these recorded costs, before tax and other overhead. The order, printing and both records stay together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The bookstore’s $1,000 is recorded and the printer is paid $900. The launch now has $550 after these recorded costs, before tax and other overhead. The order, printing and both records stay together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The bookstore order covers the next print run.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Bookstore</span><small>Received</small></span><strong>$1,000.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$1,000.00</strong><span class=\"bank-chat-payment-peer\">From Bookstore</span><p class=\"bank-chat-payment-note\">Outstanding bookstore order</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,000.00</dd></div><div><dt>Φ</dt><dd>50</dd></div><div><dt>Reference</dt><dd>example-daily-authors-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Printer</span><small>Paid</small></span><strong>$900.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$900.00</strong><span class=\"bank-chat-payment-peer\">To Printer</span><p class=\"bank-chat-payment-note\">Next print run</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$900.00</dd></div><div><dt>Φ</dt><dd>45</dd></div><div><dt>Reference</dt><dd>example-daily-authors-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Launch result · before other costs</small><strong>$550</strong><p>Account after <b>$5,200.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Recorded launch receipts are $3,200. Printing, design and event costs total $2,750, leaving $450 before tax and other overhead. The $1,000 bookstore order is unpaid, so it is not included in money received.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$5,100</strong></div><div><span>Launch result so far</span><strong>$450</strong></div><div><span>Bookstore order still due</span><strong>$1,000</strong></div><div><span>Next print quote</span><strong>$900</strong></div></div><p class=\"organizer-sub\">Follow up on the $1,000 bookstore order. Once it is paid, I approve the printer’s $900 quote for the next run. Keep both with the launch.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Printer · Example</strong></div><div><span>You send</span><strong>$900.00</strong></div><div><span>Φ at this quote</span><strong>45 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Next print run</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $900.00 to Printer · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Bookstore\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Bookstore</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Outstanding bookstore order · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,000.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Outstanding bookstore order</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-authors-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Bookstore · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Printer\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Printer</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Next print run · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$900.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Next print run</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-authors-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Printer · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Did the book launch pay for itself yet?</p><p><strong>Your agent</strong>Recorded launch receipts are $3,200. Printing, design and event costs total $2,750, leaving $450 before tax and other overhead. The $1,000 bookstore order is unpaid, so it is not included in money received.</p><p><strong>You</strong>What happens if I order another print run?</p><p><strong>Your agent</strong>The printer’s earlier quote is $900 for the next run. That is $450 more than this launch has recovered so far. I can show the paid receipts, unpaid bookstore order and new print cost separately before you decide.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$5,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 5200 to 5200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$21,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 21400 to 21400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$21,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 21400 to 21400\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"filmmakers\" data-example-scenario=\"filmmakers\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Review</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The crew is paid and next week’s shoot stays covered.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The crew is paid and next week’s shoot stays covered.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I pay the crew and still cover next week’s shoot?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"You have $21,400. Crew payments already agreed total $8,600 and next week’s location and equipment commitments total $7,200. That leaves $5,600 before unrecorded costs. The promised $4,000 funding has not arrived.\" data-example-response=\"\" data-example-answer=\"You have $21,400. Crew payments already agreed total $8,600 and next week’s location and equipment commitments total $7,200. That leaves $5,600 before unrecorded costs. The promised $4,000 funding has not arrived.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You have $21,400. Crew payments already agreed total $8,600 and next week’s location and equipment commitments total $7,200. That leaves $5,600 before unrecorded costs. The promised $4,000 funding has not arrived.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$21,400</dd></div><div><dt>Agreed crew total</dt><dd>$8,600</dd></div><div><dt>Next shoot commitments</dt><dd>$7,200</dd></div><div><dt>Left after both</dt><dd>$5,600</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What changed since the last budget?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The additional shoot day added $1,800 to crew and $900 to equipment. Both are in those commitments. I can prepare a change summary linked to the approved extra day, so the higher spend has an explanation.\" data-example-response=\"\" data-example-answer=\"The additional shoot day added $1,800 to crew and $900 to equipment. Both are in those commitments. I can prepare a change summary linked to the approved extra day, so the higher spend has an explanation.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The additional shoot day added $1,800 to crew and $900 to equipment. Both are in those commitments. I can prepare a change summary linked to the approved extra day, so the higher spend has an explanation.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve the crew payments: Alex $3,200, Rae $2,800 and Morgan $2,600 for the approved shoot work. Keep the extra day’s approval with them.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The crew is paid and next week’s shoot stays covered. Alex: $3,200 paid. Rae: $2,800 paid. Morgan: $2,600 paid. The account now has $12,800. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The crew is paid and next week’s shoot stays covered. Alex: $3,200 paid. Rae: $2,800 paid. Morgan: $2,600 paid. The account now has $12,800. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The crew is paid and next week’s shoot stays covered.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Alex</span><small>Paid</small></span><strong>$3,200.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$3,200.00</strong><span class=\"bank-chat-payment-peer\">To Alex</span><p class=\"bank-chat-payment-note\">Approved shoot work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$3,200.00</dd></div><div><dt>Φ</dt><dd>160</dd></div><div><dt>Reference</dt><dd>example-daily-filmmakers-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Rae</span><small>Paid</small></span><strong>$2,800.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$2,800.00</strong><span class=\"bank-chat-payment-peer\">To Rae</span><p class=\"bank-chat-payment-note\">Approved shoot work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,800.00</dd></div><div><dt>Φ</dt><dd>140</dd></div><div><dt>Reference</dt><dd>example-daily-filmmakers-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Morgan</span><small>Paid</small></span><strong>$2,600.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$2,600.00</strong><span class=\"bank-chat-payment-peer\">To Morgan</span><p class=\"bank-chat-payment-note\">Approved shoot work</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,600.00</dd></div><div><dt>Φ</dt><dd>130</dd></div><div><dt>Reference</dt><dd>example-daily-filmmakers-2</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-2\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total paid</small><strong>$8,600</strong><p>Account after <b>$12,800.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">You have $21,400. Crew payments already agreed total $8,600 and next week’s location and equipment commitments total $7,200. That leaves $5,600 before unrecorded costs. The promised $4,000 funding has not arrived.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$21,400</strong></div><div><span>Agreed crew total</span><strong>$8,600</strong></div><div><span>Next shoot commitments</span><strong>$7,200</strong></div><div><span>Left after both</span><strong>$5,600</strong></div></div><p class=\"organizer-sub\">I approve the crew payments: Alex $3,200, Rae $2,800 and Morgan $2,600 for the approved shoot work. Keep the extra day’s approval with them.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Alex · Example</strong></div><div><span>You send</span><strong>$3,200.00</strong></div><div><span>Φ at this quote</span><strong>160 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved shoot work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $3,200.00 to Alex · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Rae · Example</strong></div><div><span>You send</span><strong>$2,800.00</strong></div><div><span>Φ at this quote</span><strong>140 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved shoot work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $2,800.00 to Rae · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Morgan · Example</strong></div><div><span>You send</span><strong>$2,600.00</strong></div><div><span>Φ at this quote</span><strong>130 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved shoot work</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $2,600.00 to Morgan · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Alex\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Alex</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved shoot work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$3,200.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved shoot work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-filmmakers-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Alex · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Rae\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Rae</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved shoot work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,800.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved shoot work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-filmmakers-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Rae · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-2\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Morgan\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Morgan</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved shoot work · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,600.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved shoot work</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-filmmakers-2</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Morgan · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-2\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I pay the crew and still cover next week’s shoot?</p><p><strong>Your agent</strong>You have $21,400. Crew payments already agreed total $8,600 and next week’s location and equipment commitments total $7,200. That leaves $5,600 before unrecorded costs. The promised $4,000 funding has not arrived.</p><p><strong>You</strong>What changed since the last budget?</p><p><strong>Your agent</strong>The additional shoot day added $1,800 to crew and $900 to equipment. Both are in those commitments. I can prepare a change summary linked to the approved extra day, so the higher spend has an explanation.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$12,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 12800 to 12800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$5,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 5800 to 5800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$5,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 5800 to 5800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"podcasters\" data-example-scenario=\"podcasters\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The sponsor’s final episode payment is in.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The sponsor’s final episode payment is in.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Which sponsor payment is still missing?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The three-episode package is $3,600. Two $1,200 payments are recorded; the final $1,200 is outstanding. The bonus episode in your later conversation was included, so it should not generate a fourth invoice.\" data-example-response=\"\" data-example-answer=\"The three-episode package is $3,600. Two $1,200 payments are recorded; the final $1,200 is outstanding. The bonus episode in your later conversation was included, so it should not generate a fourth invoice.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The three-episode package is $3,600. Two $1,200 payments are recorded; the final $1,200 is outstanding. The bonus episode in your later conversation was included, so it should not generate a fourth invoice.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$5,800</dd></div><div><dt>Package total</dt><dd>$3,600</dd></div><div><dt>Two payments received</dt><dd>$2,400</dd></div><div><dt>Included bonus</dt><dd>No fourth invoice</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Write the follow-up around what we already delivered.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can reference the three published episodes, acknowledge the included bonus and ask about the remaining $1,200. The sponsor sees the delivery and payment history together rather than another generic overdue email.\" data-example-response=\"\" data-example-answer=\"I can reference the three published episodes, acknowledge the included bonus and ask about the remaining $1,200. The sponsor sees the delivery and payment history together rather than another generic overdue email.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can reference the three published episodes, acknowledge the included bonus and ask about the remaining $1,200. The sponsor sees the delivery and payment history together rather than another generic overdue email.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Series sponsor the $1,200 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Series sponsor</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The sponsor’s final episode payment is in. Series sponsor: $1,200 received. The account now has $7,000. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The sponsor’s final episode payment is in. Series sponsor: $1,200 received. The account now has $7,000. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The sponsor’s final episode payment is in.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Series sponsor</span><small>Received</small></span><strong>$1,200.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$1,200.00</strong><span class=\"bank-chat-payment-peer\">From Series sponsor</span><p class=\"bank-chat-payment-note\">Three-episode package: final balance</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,200.00</dd></div><div><dt>Φ</dt><dd>60</dd></div><div><dt>Reference</dt><dd>example-daily-podcasters-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$1,200</strong><p>Account after <b>$7,000.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The three-episode package is $3,600. Two $1,200 payments are recorded; the final $1,200 is outstanding. The bonus episode in your later conversation was included, so it should not generate a fourth invoice.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$5,800</strong></div><div><span>Package total</span><strong>$3,600</strong></div><div><span>Two payments received</span><strong>$2,400</strong></div><div><span>Included bonus</span><strong>No fourth invoice</strong></div></div><p class=\"organizer-sub\">Send Series sponsor the $1,200 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Series sponsor\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Series sponsor</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Three-episode package: final balance · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,200.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Three-episode package: final balance</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-podcasters-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Series sponsor · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Which sponsor payment is still missing?</p><p><strong>Your agent</strong>The three-episode package is $3,600. Two $1,200 payments are recorded; the final $1,200 is outstanding. The bonus episode in your later conversation was included, so it should not generate a fourth invoice.</p><p><strong>You</strong>Write the follow-up around what we already delivered.</p><p><strong>Your agent</strong>I can reference the three published episodes, acknowledge the included bonus and ask about the remaining $1,200. The sponsor sees the delivery and payment history together rather than another generic overdue email.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$7,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 7000 to 7000\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$6,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 6500 to 6500\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$6,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 6500 to 6500\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"coaches\" data-example-scenario=\"coaches\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The accepted extension is paid. Covered sessions stay covered.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The accepted extension is paid. Covered sessions stay covered.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>What should this client owe after we moved those sessions?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Their $1,200 package was paid in full. You agreed to move two sessions, not cancel them. There is no extra payment due for those moves. The separate $300 extension has been discussed but not accepted.\" data-example-response=\"\" data-example-answer=\"Their $1,200 package was paid in full. You agreed to move two sessions, not cancel them. There is no extra payment due for those moves. The separate $300 extension has been discussed but not accepted.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Their $1,200 package was paid in full. You agreed to move two sessions, not cancel them. There is no extra payment due for those moves. The separate $300 extension has been discussed but not accepted.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$6,500</dd></div><div><dt>Existing package</dt><dd>Paid in full</dd></div><div><dt>Moved sessions</dt><dd>Already covered</dd></div><div><dt>Extension</dt><dd>Accepted in this example</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Help me explain the next step.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can confirm the two rescheduled sessions are covered, then present the optional $300 extension separately. It respects the agreement already in the conversation and avoids making the client pay twice for the same sessions.\" data-example-response=\"\" data-example-answer=\"I can confirm the two rescheduled sessions are covered, then present the optional $300 extension separately. It respects the agreement already in the conversation and avoids making the client pay twice for the same sessions.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can confirm the two rescheduled sessions are covered, then present the optional $300 extension separately. It respects the agreement already in the conversation and avoids making the client pay twice for the same sessions.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Confirm the two moved sessions stay covered. Present the optional $300 extension separately; only request payment after the client accepts it.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Coaching client</small><p>Yes, I’d like the extension. I’ve paid the $300.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The client accepted the optional $300 extension and its payment is recorded. The two rescheduled sessions remain part of the original paid package. The acceptance, added work and new payment stay together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The client accepted the optional $300 extension and its payment is recorded. The two rescheduled sessions remain part of the original paid package. The acceptance, added work and new payment stay together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The accepted extension is paid. Covered sessions stay covered.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Coaching client</span><small>Received</small></span><strong>$300.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$300.00</strong><span class=\"bank-chat-payment-peer\">From Coaching client</span><p class=\"bank-chat-payment-note\">Accepted optional package extension</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$300.00</dd></div><div><dt>Φ</dt><dd>15</dd></div><div><dt>Reference</dt><dd>example-daily-coaches-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$300</strong><p>Account after <b>$6,800.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Their $1,200 package was paid in full. You agreed to move two sessions, not cancel them. There is no extra payment due for those moves. The separate $300 extension has been discussed but not accepted.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$6,500</strong></div><div><span>Existing package</span><strong>Paid in full</strong></div><div><span>Moved sessions</span><strong>Already covered</strong></div><div><span>Extension</span><strong>Accepted in this example</strong></div></div><p class=\"organizer-sub\">Confirm the two moved sessions stay covered. Present the optional $300 extension separately; only request payment after the client accepts it.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Coaching client\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Coaching client</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Accepted optional package extension · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$300.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Accepted optional package extension</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-coaches-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Coaching client · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>What should this client owe after we moved those sessions?</p><p><strong>Your agent</strong>Their $1,200 package was paid in full. You agreed to move two sessions, not cancel them. There is no extra payment due for those moves. The separate $300 extension has been discussed but not accepted.</p><p><strong>You</strong>Help me explain the next step.</p><p><strong>Your agent</strong>I can confirm the two rescheduled sessions are covered, then present the optional $300 extension separately. It respects the agreement already in the conversation and avoids making the client pay twice for the same sessions.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$6,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 6800 to 6800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$10,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 10800 to 10800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$10,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 10800 to 10800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"educators\" data-example-scenario=\"educators\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The two due instalments are paid. The agreed extension stays intact.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The two due instalments are paid. The agreed extension stays intact.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Do the course payments cover the next cohort’s costs?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Confirmed cohort payments total $7,200. Tutor and room commitments are $4,600, leaving $2,600 before other costs. Three $600 instalments are still due; I have kept them out of paid receipts.\" data-example-response=\"\" data-example-answer=\"Confirmed cohort payments total $7,200. Tutor and room commitments are $4,600, leaving $2,600 before other costs. Three $600 instalments are still due; I have kept them out of paid receipts.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Confirmed cohort payments total $7,200. Tutor and room commitments are $4,600, leaving $2,600 before other costs. Three $600 instalments are still due; I have kept them out of paid receipts.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$10,800</dd></div><div><dt>Confirmed cohort payments</dt><dd>$7,200</dd></div><div><dt>Tutor and room commitments</dt><dd>$4,600</dd></div><div><dt>Casey’s extension</dt><dd>Later date preserved</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Which students need a reminder now?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Two instalments are due Friday. The third student has the later date you agreed in their conversation. I can prepare the two reminders using each payment plan and leave the agreed extension alone.\" data-example-response=\"\" data-example-answer=\"Two instalments are due Friday. The third student has the later date you agreed in their conversation. I can prepare the two reminders using each payment plan and leave the agreed extension alone.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Two instalments are due Friday. The third student has the later date you agreed in their conversation. I can prepare the two reminders using each payment plan and leave the agreed extension alone.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send the two $600 reminders due Friday to Avery and Quinn. Keep Casey’s agreed later date. Credit the existing cohort payments.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Avery</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Avery and Quinn have paid their two $600 instalments. Casey keeps the later date already agreed. Cohort receipts now total $8,400, leaving $3,800 above the recorded tutor and room costs before other costs.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Avery and Quinn have paid their two $600 instalments. Casey keeps the later date already agreed. Cohort receipts now total $8,400, leaving $3,800 above the recorded tutor and room costs before other costs.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The two due instalments are paid. The agreed extension stays intact.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Avery</span><small>Received</small></span><strong>$600.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$600.00</strong><span class=\"bank-chat-payment-peer\">From Avery</span><p class=\"bank-chat-payment-note\">Cohort instalment due Friday</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$600.00</dd></div><div><dt>Φ</dt><dd>30</dd></div><div><dt>Reference</dt><dd>example-daily-educators-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Quinn</span><small>Received</small></span><strong>$600.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$600.00</strong><span class=\"bank-chat-payment-peer\">From Quinn</span><p class=\"bank-chat-payment-note\">Cohort instalment due Friday</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$600.00</dd></div><div><dt>Φ</dt><dd>30</dd></div><div><dt>Reference</dt><dd>example-daily-educators-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$1,200</strong><p>Account after <b>$12,000.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Confirmed cohort payments total $7,200. Tutor and room commitments are $4,600, leaving $2,600 before other costs. Three $600 instalments are still due; I have kept them out of paid receipts.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$10,800</strong></div><div><span>Confirmed cohort payments</span><strong>$7,200</strong></div><div><span>Tutor and room commitments</span><strong>$4,600</strong></div><div><span>Casey’s extension</span><strong>Later date preserved</strong></div></div><p class=\"organizer-sub\">Send the two $600 reminders due Friday to Avery and Quinn. Keep Casey’s agreed later date. Credit the existing cohort payments.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Avery\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Avery</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Cohort instalment due Friday · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$600.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Cohort instalment due Friday</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-educators-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Avery · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Quinn\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Quinn</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Cohort instalment due Friday · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$600.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Cohort instalment due Friday</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-educators-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Quinn · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Do the course payments cover the next cohort’s costs?</p><p><strong>Your agent</strong>Confirmed cohort payments total $7,200. Tutor and room commitments are $4,600, leaving $2,600 before other costs. Three $600 instalments are still due; I have kept them out of paid receipts.</p><p><strong>You</strong>Which students need a reminder now?</p><p><strong>Your agent</strong>Two instalments are due Friday. The third student has the later date you agreed in their conversation. I can prepare the two reminders using each payment plan and leave the agreed extension alone.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$12,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 12000 to 12000\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$17,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 17600 to 17600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$17,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 17600 to 17600\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"accountants\" data-example-scenario=\"accountants\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The service balance and filing are paid as separate obligations.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The service balance and filing are paid as separate obligations.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Which client balances do not match the work we agreed?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Aster’s $2,400 annual service has $1,800 paid and $600 outstanding. The extra $350 filing was separately approved but never requested. That is $950 to address across two obligations, with their sources kept separate.\" data-example-response=\"\" data-example-answer=\"Aster’s $2,400 annual service has $1,800 paid and $600 outstanding. The extra $350 filing was separately approved but never requested. That is $950 to address across two obligations, with their sources kept separate.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Aster’s $2,400 annual service has $1,800 paid and $600 outstanding. The extra $350 filing was separately approved but never requested. That is $950 to address across two obligations, with their sources kept separate.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$17,600</dd></div><div><dt>Annual service</dt><dd>$2,400</dd></div><div><dt>Service already paid</dt><dd>$1,800</dd></div><div><dt>Approved additional filing</dt><dd>$350</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Prepare a client summary I can stand behind.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can list the $600 service balance and $350 approved filing, credit every recorded payment and attach the relevant references. You get the explanation and its records together before sending the client anything.\" data-example-response=\"\" data-example-answer=\"I can list the $600 service balance and $350 approved filing, credit every recorded payment and attach the relevant references. You get the explanation and its records together before sending the client anything.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can list the $600 service balance and $350 approved filing, credit every recorded payment and attach the relevant references. You get the explanation and its records together before sending the client anything.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Aster the $600 service balance and the separately approved $350 filing request. Keep their sources and the $1,800 already paid distinct.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Aster</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The service balance and filing are paid as separate obligations. Aster: $600 received. Aster: $350 received. The account now has $18,550. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The service balance and filing are paid as separate obligations. Aster: $600 received. Aster: $350 received. The account now has $18,550. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The service balance and filing are paid as separate obligations.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Aster</span><small>Received</small></span><strong>$600.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$600.00</strong><span class=\"bank-chat-payment-peer\">From Aster</span><p class=\"bank-chat-payment-note\">Annual service balance</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$600.00</dd></div><div><dt>Φ</dt><dd>30</dd></div><div><dt>Reference</dt><dd>example-daily-accountants-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Aster</span><small>Received</small></span><strong>$350.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$350.00</strong><span class=\"bank-chat-payment-peer\">From Aster</span><p class=\"bank-chat-payment-note\">Separately approved filing</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$350.00</dd></div><div><dt>Φ</dt><dd>17.5</dd></div><div><dt>Reference</dt><dd>example-daily-accountants-1</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-1\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$950</strong><p>Account after <b>$18,550.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Aster’s $2,400 annual service has $1,800 paid and $600 outstanding. The extra $350 filing was separately approved but never requested. That is $950 to address across two obligations, with their sources kept separate.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$17,600</strong></div><div><span>Annual service</span><strong>$2,400</strong></div><div><span>Service already paid</span><strong>$1,800</strong></div><div><span>Approved additional filing</span><strong>$350</strong></div></div><p class=\"organizer-sub\">Send Aster the $600 service balance and the separately approved $350 filing request. Keep their sources and the $1,800 already paid distinct.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Aster\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Aster</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Annual service balance · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$600.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Annual service balance</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-accountants-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Aster · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-1\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Aster\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Aster</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Separately approved filing · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$350.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Separately approved filing</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-accountants-1</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Aster · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Which client balances do not match the work we agreed?</p><p><strong>Your agent</strong>Aster’s $2,400 annual service has $1,800 paid and $600 outstanding. The extra $350 filing was separately approved but never requested. That is $950 to address across two obligations, with their sources kept separate.</p><p><strong>You</strong>Prepare a client summary I can stand behind.</p><p><strong>Your agent</strong>I can list the $600 service balance and $350 approved filing, credit every recorded payment and attach the relevant references. You get the explanation and its records together before sending the client anything.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,550.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18550 to 18550\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13200 to 13200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13200 to 13200\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"researchers\" data-example-scenario=\"researchers\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The grant change request identifies the exact shortfall.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The grant change request identifies the exact shortfall.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I charge the equipment to this grant?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The grant record allows $4,000 for equipment; $2,700 is already committed, leaving $1,300. The $1,800 quote exceeds that category by $500. Your account balance alone does not make the restricted allocation available.\" data-example-response=\"\" data-example-answer=\"The grant record allows $4,000 for equipment; $2,700 is already committed, leaving $1,300. The $1,800 quote exceeds that category by $500. Your account balance alone does not make the restricted allocation available.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The grant record allows $4,000 for equipment; $2,700 is already committed, leaving $1,300. The $1,800 quote exceeds that category by $500. Your account balance alone does not make the restricted allocation available.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$13,200</dd></div><div><dt>Equipment allocation</dt><dd>$4,000</dd></div><div><dt>Already committed</dt><dd>$2,700</dd></div><div><dt>Remaining category amount</dt><dd>$1,300</dd></div><div><dt>Supplier quote</dt><dd>$1,800</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What can I show the project lead?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can prepare the equipment category, its $2,700 commitments and the $1,800 quote in one summary. The $500 gap stays explicit, with the grant terms attached, so a request to change the allocation has its evidence.\" data-example-response=\"\" data-example-answer=\"I can prepare the equipment category, its $2,700 commitments and the $1,800 quote in one summary. The $500 gap stays explicit, with the grant terms attached, so a request to change the allocation has its evidence.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can prepare the equipment category, its $2,700 commitments and the $1,800 quote in one summary. The $500 gap stays explicit, with the grant terms attached, so a request to change the allocation has its evidence.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Prepare the $500 equipment allocation change for review. Attach the grant category, current commitments and the $1,800 quote.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $500 allocation-change request is ready with the grant terms and equipment quote together. The current category remains $1,300 until an approved change is recorded.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $500 allocation-change request is ready with the grant terms and equipment quote together. The current category remains $1,300 until an approved change is recorded.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The grant change request identifies the exact shortfall.\"><small>Allocation change to review</small><strong>$500</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The grant record allows $4,000 for equipment; $2,700 is already committed, leaving $1,300. The $1,800 quote exceeds that category by $500. Your account balance alone does not make the restricted allocation available.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$13,200</strong></div><div><span>Equipment allocation</span><strong>$4,000</strong></div><div><span>Already committed</span><strong>$2,700</strong></div><div><span>Remaining category amount</span><strong>$1,300</strong></div><div><span>Supplier quote</span><strong>$1,800</strong></div></div><p class=\"organizer-sub\">Prepare the $500 equipment allocation change for review. Attach the grant category, current commitments and the $1,800 quote.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I charge the equipment to this grant?</p><p><strong>Your agent</strong>The grant record allows $4,000 for equipment; $2,700 is already committed, leaving $1,300. The $1,800 quote exceeds that category by $500. Your account balance alone does not make the restricted allocation available.</p><p><strong>You</strong>What can I show the project lead?</p><p><strong>Your agent</strong>I can prepare the equipment category, its $2,700 commitments and the $1,800 quote in one summary. The $500 gap stays explicit, with the grant terms attached, so a request to change the allocation has its evidence.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13200 to 13200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$42,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 42000 to 42000\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$42,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 42000 to 42000\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"founders\" data-example-scenario=\"founders\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The contractor decision includes the runway change.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The contractor decision includes the runway change.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>How much room do we have before the next customer payment?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"You have $42,000. The recorded monthly commitments are $14,000, so that is three months at the same spending level before tax or new costs. The unsigned $18,000 proposal is not cash and is not included.\" data-example-response=\"\" data-example-answer=\"You have $42,000. The recorded monthly commitments are $14,000, so that is three months at the same spending level before tax or new costs. The unsigned $18,000 proposal is not cash and is not included.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You have $42,000. The recorded monthly commitments are $14,000, so that is three months at the same spending level before tax or new costs. The unsigned $18,000 proposal is not cash and is not included.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$42,000</dd></div><div><dt>Current account</dt><dd>$42,000</dd></div><div><dt>Current monthly commitments</dt><dd>$14,000</dd></div><div><dt>With quoted contractor</dt><dd>$17,500 monthly</dd></div><div><dt>Simple runway at that spend</dt><dd>2.4 months</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What if we hire the contractor we discussed?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The agreed quote adds $3,500 per month. At $17,500 total monthly commitments, the same $42,000 covers 2.4 months under that simple scenario. I can put the quote beside the current obligations before you commit.\" data-example-response=\"\" data-example-answer=\"The agreed quote adds $3,500 per month. At $17,500 total monthly commitments, the same $42,000 covers 2.4 months under that simple scenario. I can put the quote beside the current obligations before you commit.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The agreed quote adds $3,500 per month. At $17,500 total monthly commitments, the same $42,000 covers 2.4 months under that simple scenario. I can put the quote beside the current obligations before you commit.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Save the contractor comparison beside the existing commitments. Keep the unsigned sales proposal separate from received funds.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison is ready: three months at the current $14,000 monthly spend, or 2.4 months with the $3,500 contractor quote included. The unsigned $18,000 proposal remains outside received money.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison is ready: three months at the current $14,000 monthly spend, or 2.4 months with the $3,500 contractor quote included. The unsigned $18,000 proposal remains outside received money.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The contractor decision includes the runway change.\"><small>Runway at quoted monthly spend</small><strong>2.4 months</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">You have $42,000. The recorded monthly commitments are $14,000, so that is three months at the same spending level before tax or new costs. The unsigned $18,000 proposal is not cash and is not included.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$42,000</strong></div><div><span>Current account</span><strong>$42,000</strong></div><div><span>Current monthly commitments</span><strong>$14,000</strong></div><div><span>With quoted contractor</span><strong>$17,500 monthly</strong></div><div><span>Simple runway at that spend</span><strong>2.4 months</strong></div></div><p class=\"organizer-sub\">Save the contractor comparison beside the existing commitments. Keep the unsigned sales proposal separate from received funds.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>How much room do we have before the next customer payment?</p><p><strong>Your agent</strong>You have $42,000. The recorded monthly commitments are $14,000, so that is three months at the same spending level before tax or new costs. The unsigned $18,000 proposal is not cash and is not included.</p><p><strong>You</strong>What if we hire the contractor we discussed?</p><p><strong>Your agent</strong>The agreed quote adds $3,500 per month. At $17,500 total monthly commitments, the same $42,000 covers 2.4 months under that simple scenario. I can put the quote beside the current obligations before you commit.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$42,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 42000 to 42000\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$8,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 8700 to 8700\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$8,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 8700 to 8700\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"service-businesses\" data-example-scenario=\"service-businesses\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The repair balance is paid without charging the part twice.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The repair balance is paid without charging the part twice.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>What is still owed on the repair job?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The approved job is $1,600, including the $250 part the customer approved later. Their $400 deposit is recorded, leaving $1,200. The part is already in the total; adding it again would overcharge them.\" data-example-response=\"\" data-example-answer=\"The approved job is $1,600, including the $250 part the customer approved later. Their $400 deposit is recorded, leaving $1,200. The part is already in the total; adding it again would overcharge them.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The approved job is $1,600, including the $250 part the customer approved later. Their $400 deposit is recorded, leaving $1,200. The part is already in the total; adding it again would overcharge them.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$8,700</dd></div><div><dt>Approved job including part</dt><dd>$1,600</dd></div><div><dt>Deposit credited</dt><dd>$400</dd></div><div><dt>Remaining due</dt><dd>$1,200</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Get the request ready with the job details.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can prepare $1,200 with the original work, approved part and $400 deposit together. The customer gets an understandable remaining amount, and you keep the payment connected to the job that earned it.\" data-example-response=\"\" data-example-answer=\"I can prepare $1,200 with the original work, approved part and $400 deposit together. The customer gets an understandable remaining amount, and you keep the payment connected to the job that earned it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can prepare $1,200 with the original work, approved part and $400 deposit together. The customer gets an understandable remaining amount, and you keep the payment connected to the job that earned it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Repair customer the $1,200 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Repair customer</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The repair balance is paid without charging the part twice. Repair customer: $1,200 received. The account now has $9,900. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The repair balance is paid without charging the part twice. Repair customer: $1,200 received. The account now has $9,900. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The repair balance is paid without charging the part twice.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Repair customer</span><small>Received</small></span><strong>$1,200.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$1,200.00</strong><span class=\"bank-chat-payment-peer\">From Repair customer</span><p class=\"bank-chat-payment-note\">Approved repair and part, less $400 deposit</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,200.00</dd></div><div><dt>Φ</dt><dd>60</dd></div><div><dt>Reference</dt><dd>example-daily-service-businesses-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$1,200</strong><p>Account after <b>$9,900.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The approved job is $1,600, including the $250 part the customer approved later. Their $400 deposit is recorded, leaving $1,200. The part is already in the total; adding it again would overcharge them.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$8,700</strong></div><div><span>Approved job including part</span><strong>$1,600</strong></div><div><span>Deposit credited</span><strong>$400</strong></div><div><span>Remaining due</span><strong>$1,200</strong></div></div><p class=\"organizer-sub\">Send Repair customer the $1,200 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Repair customer\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Repair customer</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved repair and part, less $400 deposit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,200.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved repair and part, less $400 deposit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-service-businesses-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Repair customer · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>What is still owed on the repair job?</p><p><strong>Your agent</strong>The approved job is $1,600, including the $250 part the customer approved later. Their $400 deposit is recorded, leaving $1,200. The part is already in the total; adding it again would overcharge them.</p><p><strong>You</strong>Get the request ready with the job details.</p><p><strong>Your agent</strong>I can prepare $1,200 with the original work, approved part and $400 deposit together. The customer gets an understandable remaining amount, and you keep the payment connected to the job that earned it.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,900.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9900 to 9900\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$25,300.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 25300 to 25300\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$25,300.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 25300 to 25300\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"real-estate\" data-example-scenario=\"real-estate\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The plumber is paid and the roof allocation stays intact.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The plumber is paid and the roof allocation stays intact.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>How much of this month’s receipts can go toward repairs?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Recorded receipts are $12,600. The property-linked obligations total $8,900, leaving $3,700 before other costs. Your earlier plan reserved $2,000 for the roof, leaving $1,700 beyond that reserve in this scenario.\" data-example-response=\"\" data-example-answer=\"Recorded receipts are $12,600. The property-linked obligations total $8,900, leaving $3,700 before other costs. Your earlier plan reserved $2,000 for the roof, leaving $1,700 beyond that reserve in this scenario.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Recorded receipts are $12,600. The property-linked obligations total $8,900, leaving $3,700 before other costs. Your earlier plan reserved $2,000 for the roof, leaving $1,700 beyond that reserve in this scenario.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$25,300</dd></div><div><dt>Property receipts</dt><dd>$12,600</dd></div><div><dt>Linked obligations</dt><dd>$8,900</dd></div><div><dt>Roof allocation</dt><dd>$2,000</dd></div><div><dt>Available for this decision</dt><dd>$1,700</dd></div><div><dt>Immediate cost</dt><dd>$1,200</dd></div><div><dt>Left within this plan</dt><dd>$500</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Does the plumber’s new quote fit?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $1,200 quote fits that $1,700 remainder and leaves $500. I have kept the roof commitment intact. I can prepare the quote and its property history together so you can review the right supplier and job.\" data-example-response=\"\" data-example-answer=\"The $1,200 quote fits that $1,700 remainder and leaves $500. I have kept the roof commitment intact. I can prepare the quote and its property history together so you can review the right supplier and job.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $1,200 quote fits that $1,700 remainder and leaves $500. I have kept the roof commitment intact. I can prepare the quote and its property history together so you can review the right supplier and job.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $1,200 to Plumber for property repair quote. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The plumber’s $1,200 is recorded with the property and quote. $500 remains within the repair plan after its recorded obligations and $2,000 roof allocation.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The plumber’s $1,200 is recorded with the property and quote. $500 remains within the repair plan after its recorded obligations and $2,000 roof allocation.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The plumber is paid and the roof allocation stays intact.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Plumber</span><small>Paid</small></span><strong>$1,200.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$1,200.00</strong><span class=\"bank-chat-payment-peer\">To Plumber</span><p class=\"bank-chat-payment-note\">Property repair quote</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,200.00</dd></div><div><dt>Φ</dt><dd>60</dd></div><div><dt>Reference</dt><dd>example-daily-real-estate-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Repair plan remainder</small><strong>$500</strong><p>Account after <b>$24,100.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Recorded receipts are $12,600. The property-linked obligations total $8,900, leaving $3,700 before other costs. Your earlier plan reserved $2,000 for the roof, leaving $1,700 beyond that reserve in this scenario.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$25,300</strong></div><div><span>Property receipts</span><strong>$12,600</strong></div><div><span>Linked obligations</span><strong>$8,900</strong></div><div><span>Roof allocation</span><strong>$2,000</strong></div><div><span>Available for this decision</span><strong>$1,700</strong></div><div><span>Immediate cost</span><strong>$1,200</strong></div><div><span>Left within this plan</span><strong>$500</strong></div></div><p class=\"organizer-sub\">I approve $1,200 to Plumber for property repair quote. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Plumber · Example</strong></div><div><span>You send</span><strong>$1,200.00</strong></div><div><span>Φ at this quote</span><strong>60 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Property repair quote</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $1,200.00 to Plumber · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Plumber\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Plumber</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Property repair quote · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,200.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Property repair quote</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-real-estate-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Plumber · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>How much of this month’s receipts can go toward repairs?</p><p><strong>Your agent</strong>Recorded receipts are $12,600. The property-linked obligations total $8,900, leaving $3,700 before other costs. Your earlier plan reserved $2,000 for the roof, leaving $1,700 beyond that reserve in this scenario.</p><p><strong>You</strong>Does the plumber’s new quote fit?</p><p><strong>Your agent</strong>The $1,200 quote fits that $1,700 remainder and leaves $500. I have kept the roof commitment intact. I can prepare the quote and its property history together so you can review the right supplier and job.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$24,100.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 24100 to 24100\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$19,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 19800 to 19800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$19,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 19800 to 19800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"ecommerce\" data-example-scenario=\"ecommerce\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The reorder is paid with refunds still accounted for.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The reorder is paid with refunds still accounted for.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I reorder stock without forgetting the returns we owe?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"You have $19,800. Supplier and shipping commitments are $8,400, and recorded refunds due are $1,600. That leaves $9,800 before other costs. The $7,000 reorder would leave $2,800.\" data-example-response=\"\" data-example-answer=\"You have $19,800. Supplier and shipping commitments are $8,400, and recorded refunds due are $1,600. That leaves $9,800 before other costs. The $7,000 reorder would leave $2,800.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You have $19,800. Supplier and shipping commitments are $8,400, and recorded refunds due are $1,600. That leaves $9,800 before other costs. The $7,000 reorder would leave $2,800.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$19,800</dd></div><div><dt>Supplier and shipping commitments</dt><dd>$8,400</dd></div><div><dt>Refunds due</dt><dd>$1,600</dd></div><div><dt>Unapplied supplier credit</dt><dd>$900 · kept separate</dd></div><div><dt>Available for this decision</dt><dd>$9,800</dd></div><div><dt>Immediate cost</dt><dd>$7,000</dd></div><div><dt>Left within this plan</dt><dd>$2,800</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What about the supplier credit from last time?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The agreed $900 credit is on the previous damaged shipment, but it has not been applied to the new quote. I can prepare the $7,000 order with a request to apply that credit; I will not treat it as confirmed savings yet.\" data-example-response=\"\" data-example-answer=\"The agreed $900 credit is on the previous damaged shipment, but it has not been applied to the new quote. I can prepare the $7,000 order with a request to apply that credit; I will not treat it as confirmed savings yet.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The agreed $900 credit is on the previous damaged shipment, but it has not been applied to the new quote. I can prepare the $7,000 order with a request to apply that credit; I will not treat it as confirmed savings yet.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $7,000 to Stock supplier for approved stock reorder. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $7,000 reorder is paid. Your account now holds $12,800; $2,800 remains after the recorded supplier, shipping and refund commitments. The unapplied $900 credit is still a separate follow-up.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $7,000 reorder is paid. Your account now holds $12,800; $2,800 remains after the recorded supplier, shipping and refund commitments. The unapplied $900 credit is still a separate follow-up.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The reorder is paid with refunds still accounted for.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Stock supplier</span><small>Paid</small></span><strong>$7,000.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$7,000.00</strong><span class=\"bank-chat-payment-peer\">To Stock supplier</span><p class=\"bank-chat-payment-note\">Approved stock reorder</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$7,000.00</dd></div><div><dt>Φ</dt><dd>350</dd></div><div><dt>Reference</dt><dd>example-daily-ecommerce-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Left within this plan</small><strong>$2,800</strong><p>Account after <b>$12,800.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">You have $19,800. Supplier and shipping commitments are $8,400, and recorded refunds due are $1,600. That leaves $9,800 before other costs. The $7,000 reorder would leave $2,800.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$19,800</strong></div><div><span>Supplier and shipping commitments</span><strong>$8,400</strong></div><div><span>Refunds due</span><strong>$1,600</strong></div><div><span>Unapplied supplier credit</span><strong>$900 · kept separate</strong></div><div><span>Available for this decision</span><strong>$9,800</strong></div><div><span>Immediate cost</span><strong>$7,000</strong></div><div><span>Left within this plan</span><strong>$2,800</strong></div></div><p class=\"organizer-sub\">I approve $7,000 to Stock supplier for approved stock reorder. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Stock supplier · Example</strong></div><div><span>You send</span><strong>$7,000.00</strong></div><div><span>Φ at this quote</span><strong>350 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved stock reorder</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $7,000.00 to Stock supplier · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Stock supplier\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Stock supplier</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved stock reorder · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$7,000.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved stock reorder</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-ecommerce-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Stock supplier · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I reorder stock without forgetting the returns we owe?</p><p><strong>Your agent</strong>You have $19,800. Supplier and shipping commitments are $8,400, and recorded refunds due are $1,600. That leaves $9,800 before other costs. The $7,000 reorder would leave $2,800.</p><p><strong>You</strong>What about the supplier credit from last time?</p><p><strong>Your agent</strong>The agreed $900 credit is on the previous damaged shipment, but it has not been applied to the new quote. I can prepare the $7,000 order with a request to apply that credit; I will not treat it as confirmed savings yet.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$16,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 16200 to 16200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$16,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 16200 to 16200\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"hospitality\" data-example-scenario=\"hospitality\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The event balance closes this week’s recorded cost gap.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The event balance closes this week’s recorded cost gap.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Are this week’s takings covering this week’s costs?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"This week’s receipts are $11,400. Payroll, suppliers and rent total $12,800, a $1,400 gap before other costs. The $2,000 event deposit is already part of those receipts; counting it again would hide the gap.\" data-example-response=\"\" data-example-answer=\"This week’s receipts are $11,400. Payroll, suppliers and rent total $12,800, a $1,400 gap before other costs. The $2,000 event deposit is already part of those receipts; counting it again would hide the gap.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>This week’s receipts are $11,400. Payroll, suppliers and rent total $12,800, a $1,400 gap before other costs. The $2,000 event deposit is already part of those receipts; counting it again would hide the gap.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$16,200</dd></div><div><dt>Week’s receipts so far</dt><dd>$11,400</dd></div><div><dt>Recorded weekly costs</dt><dd>$12,800</dd></div><div><dt>Event balance due</dt><dd>$2,600</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What should I follow up before Friday?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The event’s remaining $2,600 is due Thursday under the booking terms. I can prepare a request that credits the deposit and references the event, so you chase the balance you are owed rather than asking them to pay twice.\" data-example-response=\"\" data-example-answer=\"The event’s remaining $2,600 is due Thursday under the booking terms. I can prepare a request that credits the deposit and references the event, so you chase the balance you are owed rather than asking them to pay twice.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The event’s remaining $2,600 is due Thursday under the booking terms. I can prepare a request that credits the deposit and references the event, so you chase the balance you are owed rather than asking them to pay twice.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Event customer the $2,600 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Event customer</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $2,600 event balance is in. This week’s receipts now total $14,000 against $12,800 recorded costs, a $1,200 remainder before other costs. The earlier deposit is counted once.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $2,600 event balance is in. This week’s receipts now total $14,000 against $12,800 recorded costs, a $1,200 remainder before other costs. The earlier deposit is counted once.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The event balance closes this week’s recorded cost gap.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Event customer</span><small>Received</small></span><strong>$2,600.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$2,600.00</strong><span class=\"bank-chat-payment-peer\">From Event customer</span><p class=\"bank-chat-payment-note\">Event balance after recorded deposit</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,600.00</dd></div><div><dt>Φ</dt><dd>130</dd></div><div><dt>Reference</dt><dd>example-daily-hospitality-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$2,600</strong><p>Account after <b>$18,800.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">This week’s receipts are $11,400. Payroll, suppliers and rent total $12,800, a $1,400 gap before other costs. The $2,000 event deposit is already part of those receipts; counting it again would hide the gap.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$16,200</strong></div><div><span>Week’s receipts so far</span><strong>$11,400</strong></div><div><span>Recorded weekly costs</span><strong>$12,800</strong></div><div><span>Event balance due</span><strong>$2,600</strong></div></div><p class=\"organizer-sub\">Send Event customer the $2,600 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Event customer\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Event customer</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Event balance after recorded deposit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,600.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Event balance after recorded deposit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-hospitality-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Event customer · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Are this week’s takings covering this week’s costs?</p><p><strong>Your agent</strong>This week’s receipts are $11,400. Payroll, suppliers and rent total $12,800, a $1,400 gap before other costs. The $2,000 event deposit is already part of those receipts; counting it again would hide the gap.</p><p><strong>You</strong>What should I follow up before Friday?</p><p><strong>Your agent</strong>The event’s remaining $2,600 is due Thursday under the booking terms. I can prepare a request that credits the deposit and references the event, so you chase the balance you are owed rather than asking them to pay twice.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18800 to 18800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18500 to 18500\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"teams\" data-example-scenario=\"teams\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Review</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Sam’s travel is reimbursed. The software stays paid once.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">Sam’s travel is reimbursed. The software stays paid once.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Are we counting the same team expense twice?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $480 software receipt appears in both Sam’s reimbursement request and the company payment record. The company already paid it. Paying that line again would duplicate the expense; the separate $120 travel item still needs review.\" data-example-response=\"\" data-example-answer=\"The $480 software receipt appears in both Sam’s reimbursement request and the company payment record. The company already paid it. Paying that line again would duplicate the expense; the separate $120 travel item still needs review.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $480 software receipt appears in both Sam’s reimbursement request and the company payment record. The company already paid it. Paying that line again would duplicate the expense; the separate $120 travel item still needs review.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$18,500</dd></div><div><dt>Software already paid</dt><dd>$480</dd></div><div><dt>Travel to reimburse</dt><dd>$120</dd></div><div><dt>Duplicate software line</dt><dd>Excluded from this payment</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Show Sam why the amount changed.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can prepare a summary with the company’s $480 payment and Sam’s original request side by side, keeping the $120 travel item separate. It explains the difference from records instead of making Sam reconstruct it.\" data-example-response=\"\" data-example-answer=\"I can prepare a summary with the company’s $480 payment and Sam’s original request side by side, keeping the $120 travel item separate. It explains the difference from records instead of making Sam reconstruct it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can prepare a summary with the company’s $480 payment and Sam’s original request side by side, keeping the $120 travel item separate. It explains the difference from records instead of making Sam reconstruct it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $120 to Sam for the travel receipt. Keep the company’s earlier $480 software payment credited and explain the difference with both records.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Sam’s travel is reimbursed. The software stays paid once. Sam: $120 paid. The account now has $18,380. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Sam’s travel is reimbursed. The software stays paid once. Sam: $120 paid. The account now has $18,380. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"Sam’s travel is reimbursed. The software stays paid once.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Sam</span><small>Paid</small></span><strong>$120.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$120.00</strong><span class=\"bank-chat-payment-peer\">To Sam</span><p class=\"bank-chat-payment-note\">Approved travel reimbursement</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$120.00</dd></div><div><dt>Φ</dt><dd>6</dd></div><div><dt>Reference</dt><dd>example-daily-teams-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total paid</small><strong>$120</strong><p>Account after <b>$18,380.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The $480 software receipt appears in both Sam’s reimbursement request and the company payment record. The company already paid it. Paying that line again would duplicate the expense; the separate $120 travel item still needs review.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$18,500</strong></div><div><span>Software already paid</span><strong>$480</strong></div><div><span>Travel to reimburse</span><strong>$120</strong></div><div><span>Duplicate software line</span><strong>Excluded from this payment</strong></div></div><p class=\"organizer-sub\">I approve $120 to Sam for the travel receipt. Keep the company’s earlier $480 software payment credited and explain the difference with both records.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Sam · Example</strong></div><div><span>You send</span><strong>$120.00</strong></div><div><span>Φ at this quote</span><strong>6 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved travel reimbursement</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $120.00 to Sam · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Sam\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Sam</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved travel reimbursement · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$120.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved travel reimbursement</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-teams-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Sam · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Are we counting the same team expense twice?</p><p><strong>Your agent</strong>The $480 software receipt appears in both Sam’s reimbursement request and the company payment record. The company already paid it. Paying that line again would duplicate the expense; the separate $120 travel item still needs review.</p><p><strong>You</strong>Show Sam why the amount changed.</p><p><strong>Your agent</strong>I can prepare a summary with the company’s $480 payment and Sam’s original request side by side, keeping the $120 travel item separate. It explains the difference from records instead of making Sam reconstruct it.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$18,380.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 18380 to 18380\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$7,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 7600 to 7600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$7,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 7600 to 7600\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"communities\" data-example-scenario=\"communities\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The garden is funded within the group’s decisions.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The garden is funded within the group’s decisions.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>How much can we put toward the shared garden?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The account holds $7,600. Members assigned $3,000 to repairs and $1,500 to the winter programme. That leaves $3,100 unallocated under those decisions, before other obligations. The earmarked funds stay in their own context.\" data-example-response=\"\" data-example-answer=\"The account holds $7,600. Members assigned $3,000 to repairs and $1,500 to the winter programme. That leaves $3,100 unallocated under those decisions, before other obligations. The earmarked funds stay in their own context.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The account holds $7,600. Members assigned $3,000 to repairs and $1,500 to the winter programme. That leaves $3,100 unallocated under those decisions, before other obligations. The earmarked funds stay in their own context.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$7,600</dd></div><div><dt>Repairs allocation</dt><dd>$3,000</dd></div><div><dt>Winter programme</dt><dd>$1,500</dd></div><div><dt>Available for this decision</dt><dd>$3,100</dd></div><div><dt>Immediate cost</dt><dd>$2,400</dd></div><div><dt>Left within this plan</dt><dd>$700</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What would the $2,400 garden plan leave?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"It would leave $700 unallocated while keeping the repair and winter commitments intact. I can prepare a member update with the original decisions, proposed garden cost and remainder together for the group to review.\" data-example-response=\"\" data-example-answer=\"It would leave $700 unallocated while keeping the repair and winter commitments intact. I can prepare a member update with the original decisions, proposed garden cost and remainder together for the group to review.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>It would leave $700 unallocated while keeping the repair and winter commitments intact. I can prepare a member update with the original decisions, proposed garden cost and remainder together for the group to review.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $2,400 to Garden supplier for approved shared garden plan. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $2,400 garden payment is recorded with the group’s plan. The account has $5,200, including the $4,500 allocated to repairs and winter. $700 remains unallocated.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $2,400 garden payment is recorded with the group’s plan. The account has $5,200, including the $4,500 allocated to repairs and winter. $700 remains unallocated.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The garden is funded within the group’s decisions.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Garden supplier</span><small>Paid</small></span><strong>$2,400.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$2,400.00</strong><span class=\"bank-chat-payment-peer\">To Garden supplier</span><p class=\"bank-chat-payment-note\">Approved shared garden plan</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,400.00</dd></div><div><dt>Φ</dt><dd>120</dd></div><div><dt>Reference</dt><dd>example-daily-communities-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Still unallocated</small><strong>$700</strong><p>Account after <b>$5,200.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The account holds $7,600. Members assigned $3,000 to repairs and $1,500 to the winter programme. That leaves $3,100 unallocated under those decisions, before other obligations. The earmarked funds stay in their own context.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$7,600</strong></div><div><span>Repairs allocation</span><strong>$3,000</strong></div><div><span>Winter programme</span><strong>$1,500</strong></div><div><span>Available for this decision</span><strong>$3,100</strong></div><div><span>Immediate cost</span><strong>$2,400</strong></div><div><span>Left within this plan</span><strong>$700</strong></div></div><p class=\"organizer-sub\">I approve $2,400 to Garden supplier for approved shared garden plan. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Garden supplier · Example</strong></div><div><span>You send</span><strong>$2,400.00</strong></div><div><span>Φ at this quote</span><strong>120 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved shared garden plan</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $2,400.00 to Garden supplier · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Garden supplier\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Garden supplier</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved shared garden plan · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,400.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved shared garden plan</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-communities-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Garden supplier · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>How much can we put toward the shared garden?</p><p><strong>Your agent</strong>The account holds $7,600. Members assigned $3,000 to repairs and $1,500 to the winter programme. That leaves $3,100 unallocated under those decisions, before other obligations. The earmarked funds stay in their own context.</p><p><strong>You</strong>What would the $2,400 garden plan leave?</p><p><strong>Your agent</strong>It would leave $700 unallocated while keeping the repair and winter commitments intact. I can prepare a member update with the original decisions, proposed garden cost and remainder together for the group to review.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$23,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 23700 to 23700\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$23,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 23700 to 23700\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"events\" data-example-scenario=\"events\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The venue balance is paid with crew costs in view.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The venue balance is paid with crew costs in view.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Do we have enough for the venue balance and the crew?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"You have $23,700. The venue balance is $8,000 and agreed crew payments total $6,200, leaving $9,500 before other costs. The venue’s original $3,000 deposit is already credited in that balance.\" data-example-response=\"\" data-example-answer=\"You have $23,700. The venue balance is $8,000 and agreed crew payments total $6,200, leaving $9,500 before other costs. The venue’s original $3,000 deposit is already credited in that balance.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You have $23,700. The venue balance is $8,000 and agreed crew payments total $6,200, leaving $9,500 before other costs. The venue’s original $3,000 deposit is already credited in that balance.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$23,700</dd></div><div><dt>Venue deposit credited</dt><dd>$3,000</dd></div><div><dt>Crew commitments</dt><dd>$6,200</dd></div><div><dt>Available for this decision</dt><dd>$17,500</dd></div><div><dt>Immediate cost</dt><dd>$8,000</dd></div><div><dt>Left within this plan</dt><dd>$9,500</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What should the final payment note say?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can reference the $11,000 venue agreement, acknowledge the $3,000 deposit and prepare the remaining $8,000. The booking, deposit and final amount stay together so the venue sees the full payment story.\" data-example-response=\"\" data-example-answer=\"I can reference the $11,000 venue agreement, acknowledge the $3,000 deposit and prepare the remaining $8,000. The booking, deposit and final amount stay together so the venue sees the full payment story.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can reference the $11,000 venue agreement, acknowledge the $3,000 deposit and prepare the remaining $8,000. The booking, deposit and final amount stay together so the venue sees the full payment story.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $8,000 to Venue for venue agreement: $11,000 less $3,000 deposit. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The venue’s $8,000 final balance is recorded with its $11,000 agreement and $3,000 deposit. Your account has $15,700; $9,500 remains after the recorded $6,200 crew commitments.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The venue’s $8,000 final balance is recorded with its $11,000 agreement and $3,000 deposit. Your account has $15,700; $9,500 remains after the recorded $6,200 crew commitments.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The venue balance is paid with crew costs in view.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Venue</span><small>Paid</small></span><strong>$8,000.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$8,000.00</strong><span class=\"bank-chat-payment-peer\">To Venue</span><p class=\"bank-chat-payment-note\">Venue agreement: $11,000 less $3,000 deposit</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$8,000.00</dd></div><div><dt>Φ</dt><dd>400</dd></div><div><dt>Reference</dt><dd>example-daily-events-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Left within this plan</small><strong>$9,500</strong><p>Account after <b>$15,700.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">You have $23,700. The venue balance is $8,000 and agreed crew payments total $6,200, leaving $9,500 before other costs. The venue’s original $3,000 deposit is already credited in that balance.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$23,700</strong></div><div><span>Venue deposit credited</span><strong>$3,000</strong></div><div><span>Crew commitments</span><strong>$6,200</strong></div><div><span>Available for this decision</span><strong>$17,500</strong></div><div><span>Immediate cost</span><strong>$8,000</strong></div><div><span>Left within this plan</span><strong>$9,500</strong></div></div><p class=\"organizer-sub\">I approve $8,000 to Venue for venue agreement: $11,000 less $3,000 deposit. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Venue · Example</strong></div><div><span>You send</span><strong>$8,000.00</strong></div><div><span>Φ at this quote</span><strong>400 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Venue agreement: $11,000 less $3,000 deposit</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $8,000.00 to Venue · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Venue\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Venue</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Venue agreement: $11,000 less $3,000 deposit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$8,000.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Venue agreement: $11,000 less $3,000 deposit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-events-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Venue · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Do we have enough for the venue balance and the crew?</p><p><strong>Your agent</strong>You have $23,700. The venue balance is $8,000 and agreed crew payments total $6,200, leaving $9,500 before other costs. The venue’s original $3,000 deposit is already credited in that balance.</p><p><strong>You</strong>What should the final payment note say?</p><p><strong>Your agent</strong>I can reference the $11,000 venue agreement, acknowledge the $3,000 deposit and prepare the remaining $8,000. The booking, deposit and final amount stay together so the venue sees the full payment story.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15700 to 15700\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$31,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 31800 to 31800\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$31,800.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 31800 to 31800\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"nonprofits\" data-example-scenario=\"nonprofits\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The operating bill fits the unrestricted plan.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The operating bill fits the unrestricted plan.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can this donation cover the operating bill?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $5,000 donation is restricted to the food programme in the donor’s recorded terms. It cannot simply be treated as unrestricted operating money. Your other recorded unrestricted funds total $4,200; the bill is $1,700.\" data-example-response=\"\" data-example-answer=\"The $5,000 donation is restricted to the food programme in the donor’s recorded terms. It cannot simply be treated as unrestricted operating money. Your other recorded unrestricted funds total $4,200; the bill is $1,700.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $5,000 donation is restricted to the food programme in the donor’s recorded terms. It cannot simply be treated as unrestricted operating money. Your other recorded unrestricted funds total $4,200; the bill is $1,700.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$31,800</dd></div><div><dt>Unrestricted amount</dt><dd>$4,200</dd></div><div><dt>Food-programme donation</dt><dd>$5,000 · restricted</dd></div><div><dt>Available for this decision</dt><dd>$4,200</dd></div><div><dt>Immediate cost</dt><dd>$1,700</dd></div><div><dt>Left within this plan</dt><dd>$2,500</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Prepare the explanation for the board.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can show the donor’s restriction, the $4,200 unrestricted amount and the $1,700 bill separately. The proposed payment would leave $2,500 unrestricted, while the food-programme donation keeps its original purpose.\" data-example-response=\"\" data-example-answer=\"I can show the donor’s restriction, the $4,200 unrestricted amount and the $1,700 bill separately. The proposed payment would leave $2,500 unrestricted, while the food-programme donation keeps its original purpose.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can show the donor’s restriction, the $4,200 unrestricted amount and the $1,700 bill separately. The proposed payment would leave $2,500 unrestricted, while the food-programme donation keeps its original purpose.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $1,700 to Operating supplier for approved operating bill. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $1,700 operating payment is recorded. The unrestricted plan has $2,500 left, and the food-programme allocation remains separately identified with its donor terms.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $1,700 operating payment is recorded. The unrestricted plan has $2,500 left, and the food-programme allocation remains separately identified with its donor terms.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The operating bill fits the unrestricted plan.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Operating supplier</span><small>Paid</small></span><strong>$1,700.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$1,700.00</strong><span class=\"bank-chat-payment-peer\">To Operating supplier</span><p class=\"bank-chat-payment-note\">Approved operating bill</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$1,700.00</dd></div><div><dt>Φ</dt><dd>85</dd></div><div><dt>Reference</dt><dd>example-daily-nonprofits-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Unrestricted plan remainder</small><strong>$2,500</strong><p>Account after <b>$30,100.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The $5,000 donation is restricted to the food programme in the donor’s recorded terms. It cannot simply be treated as unrestricted operating money. Your other recorded unrestricted funds total $4,200; the bill is $1,700.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$31,800</strong></div><div><span>Unrestricted amount</span><strong>$4,200</strong></div><div><span>Food-programme donation</span><strong>$5,000 · restricted</strong></div><div><span>Available for this decision</span><strong>$4,200</strong></div><div><span>Immediate cost</span><strong>$1,700</strong></div><div><span>Left within this plan</span><strong>$2,500</strong></div></div><p class=\"organizer-sub\">I approve $1,700 to Operating supplier for approved operating bill. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Operating supplier · Example</strong></div><div><span>You send</span><strong>$1,700.00</strong></div><div><span>Φ at this quote</span><strong>85 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved operating bill</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $1,700.00 to Operating supplier · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Operating supplier\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Operating supplier</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved operating bill · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$1,700.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved operating bill</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-nonprofits-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Operating supplier · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can this donation cover the operating bill?</p><p><strong>Your agent</strong>The $5,000 donation is restricted to the food programme in the donor’s recorded terms. It cannot simply be treated as unrestricted operating money. Your other recorded unrestricted funds total $4,200; the bill is $1,700.</p><p><strong>You</strong>Prepare the explanation for the board.</p><p><strong>Your agent</strong>I can show the donor’s restriction, the $4,200 unrestricted amount and the $1,700 bill separately. The proposed payment would leave $2,500 unrestricted, while the food-programme donation keeps its original purpose.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$30,100.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 30100 to 30100\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$27,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 27600 to 27600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$27,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 27600 to 27600\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"project-leaders\" data-example-scenario=\"project-leaders\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The scope change is ready for the sponsor to review.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The scope change is ready for the sponsor to review.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Why is this project over the number we approved?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The approved budget was $18,000. Recorded commitments are now $20,300. The extra site visit added $1,500 and the later materials change added $800—the full $2,300 difference. Both connect to their change conversations.\" data-example-response=\"\" data-example-answer=\"The approved budget was $18,000. Recorded commitments are now $20,300. The extra site visit added $1,500 and the later materials change added $800—the full $2,300 difference. Both connect to their change conversations.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The approved budget was $18,000. Recorded commitments are now $20,300. The extra site visit added $1,500 and the later materials change added $800—the full $2,300 difference. Both connect to their change conversations.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$27,600</dd></div><div><dt>Original budget</dt><dd>$18,000</dd></div><div><dt>Recorded commitments</dt><dd>$20,300</dd></div><div><dt>Extra site visit</dt><dd>$1,500</dd></div><div><dt>Materials change</dt><dd>$800</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Turn that into a clear decision for the sponsor.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can prepare the original budget, the two changes and their approvals in one summary. The request is for a $2,300 increase tied to actual scope changes, with the records behind each amount.\" data-example-response=\"\" data-example-answer=\"I can prepare the original budget, the two changes and their approvals in one summary. The request is for a $2,300 increase tied to actual scope changes, with the records behind each amount.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can prepare the original budget, the two changes and their approvals in one summary. The request is for a $2,300 increase tied to actual scope changes, with the records behind each amount.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Prepare the $2,300 change request with the approved site visit and materials change. Keep it tied to the original $18,000 budget.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $2,300 change request is ready with the two scope changes and their approvals. The sponsor can see the exact reason for the difference without reconstructing the project.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $2,300 change request is ready with the two scope changes and their approvals. The sponsor can see the exact reason for the difference without reconstructing the project.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The scope change is ready for the sponsor to review.\"><small>Scope change to review</small><strong>$2,300</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The approved budget was $18,000. Recorded commitments are now $20,300. The extra site visit added $1,500 and the later materials change added $800—the full $2,300 difference. Both connect to their change conversations.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$27,600</strong></div><div><span>Original budget</span><strong>$18,000</strong></div><div><span>Recorded commitments</span><strong>$20,300</strong></div><div><span>Extra site visit</span><strong>$1,500</strong></div><div><span>Materials change</span><strong>$800</strong></div></div><p class=\"organizer-sub\">Prepare the $2,300 change request with the approved site visit and materials change. Keep it tied to the original $18,000 budget.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Why is this project over the number we approved?</p><p><strong>Your agent</strong>The approved budget was $18,000. Recorded commitments are now $20,300. The extra site visit added $1,500 and the later materials change added $800—the full $2,300 difference. Both connect to their change conversations.</p><p><strong>You</strong>Turn that into a clear decision for the sponsor.</p><p><strong>Your agent</strong>I can prepare the original budget, the two changes and their approvals in one summary. The request is for a $2,300 increase tied to actual scope changes, with the records behind each amount.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$27,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 27600 to 27600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15400 to 15400\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,400.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15400 to 15400\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"product-builders\" data-example-scenario=\"product-builders\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The tooling payment keeps the later charges visible.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The tooling payment keeps the later charges visible.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can we afford the launch tooling we discussed?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your account has $15,400. Recorded delivery commitments total $6,800, leaving $8,600 before other costs. The tooling quote is $2,100 upfront plus $300 monthly; the upfront price is not the whole commitment.\" data-example-response=\"\" data-example-answer=\"Your account has $15,400. Recorded delivery commitments total $6,800, leaving $8,600 before other costs. The tooling quote is $2,100 upfront plus $300 monthly; the upfront price is not the whole commitment.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your account has $15,400. Recorded delivery commitments total $6,800, leaving $8,600 before other costs. The tooling quote is $2,100 upfront plus $300 monthly; the upfront price is not the whole commitment.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$15,400</dd></div><div><dt>Delivery commitments</dt><dd>$6,800</dd></div><div><dt>Three monthly charges</dt><dd>$900 total</dd></div><div><dt>Available for this decision</dt><dd>$8,600</dd></div><div><dt>Immediate cost</dt><dd>$2,100</dd></div><div><dt>Later quoted charges</dt><dd>$900</dd></div><div><dt>Left within this plan</dt><dd>$5,600</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What is the first three months’ total?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Assuming three monthly charges as quoted, it is $3,000: $2,100 upfront plus $900. I can keep the quote and that recurring obligation with the launch plan so the later charges are not a surprise.\" data-example-response=\"\" data-example-answer=\"Assuming three monthly charges as quoted, it is $3,000: $2,100 upfront plus $900. I can keep the quote and that recurring obligation with the launch plan so the later charges are not a surprise.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Assuming three monthly charges as quoted, it is $3,000: $2,100 upfront plus $900. I can keep the quote and that recurring obligation with the launch plan so the later charges are not a surprise.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $2,100 to Tooling supplier for launch tooling upfront payment. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $2,100 upfront tooling payment is recorded. The three quoted $300 monthly charges stay in the plan. After those and the delivery commitments, the three-month scenario leaves $5,600.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $2,100 upfront tooling payment is recorded. The three quoted $300 monthly charges stay in the plan. After those and the delivery commitments, the three-month scenario leaves $5,600.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The tooling payment keeps the later charges visible.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Tooling supplier</span><small>Paid</small></span><strong>$2,100.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$2,100.00</strong><span class=\"bank-chat-payment-peer\">To Tooling supplier</span><p class=\"bank-chat-payment-note\">Launch tooling upfront payment</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$2,100.00</dd></div><div><dt>Φ</dt><dd>105</dd></div><div><dt>Reference</dt><dd>example-daily-product-builders-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Left within this plan</small><strong>$5,600</strong><p>Account after <b>$13,300.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">Your account has $15,400. Recorded delivery commitments total $6,800, leaving $8,600 before other costs. The tooling quote is $2,100 upfront plus $300 monthly; the upfront price is not the whole commitment.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$15,400</strong></div><div><span>Delivery commitments</span><strong>$6,800</strong></div><div><span>Three monthly charges</span><strong>$900 total</strong></div><div><span>Available for this decision</span><strong>$8,600</strong></div><div><span>Immediate cost</span><strong>$2,100</strong></div><div><span>Later quoted charges</span><strong>$900</strong></div><div><span>Left within this plan</span><strong>$5,600</strong></div></div><p class=\"organizer-sub\">I approve $2,100 to Tooling supplier for launch tooling upfront payment. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Tooling supplier · Example</strong></div><div><span>You send</span><strong>$2,100.00</strong></div><div><span>Φ at this quote</span><strong>105 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Launch tooling upfront payment</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $2,100.00 to Tooling supplier · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Tooling supplier\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Tooling supplier</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Launch tooling upfront payment · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$2,100.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Launch tooling upfront payment</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-product-builders-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Tooling supplier · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can we afford the launch tooling we discussed?</p><p><strong>Your agent</strong>Your account has $15,400. Recorded delivery commitments total $6,800, leaving $8,600 before other costs. The tooling quote is $2,100 upfront plus $300 monthly; the upfront price is not the whole commitment.</p><p><strong>You</strong>What is the first three months’ total?</p><p><strong>Your agent</strong>Assuming three monthly charges as quoted, it is $3,000: $2,100 upfront plus $900. I can keep the quote and that recurring obligation with the launch plan so the later charges are not a surprise.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,300.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13300 to 13300\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$11,900.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 11900 to 11900\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$11,900.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 11900 to 11900\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"developers\" data-example-scenario=\"developers\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your payment history, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Prepare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your approved follow-up is sent with the existing payment context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Send</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The build and accepted integration are paid together.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Paid</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The build and accepted integration are paid together.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>What is this client’s final payment supposed to include?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The build was $5,000 with $2,000 received. They later approved a $750 integration. That leaves $3,750. The maintenance discussion is a separate $200 monthly proposal and has not been accepted.\" data-example-response=\"\" data-example-answer=\"The build was $5,000 with $2,000 received. They later approved a $750 integration. That leaves $3,750. The maintenance discussion is a separate $200 monthly proposal and has not been accepted.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The build was $5,000 with $2,000 received. They later approved a $750 integration. That leaves $3,750. The maintenance discussion is a separate $200 monthly proposal and has not been accepted.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$11,900</dd></div><div><dt>Delivered build</dt><dd>$5,000</dd></div><div><dt>Approved integration</dt><dd>$750</dd></div><div><dt>Already received</dt><dd>$2,000</dd></div><div><dt>Maintenance proposal</dt><dd>Separate · not accepted</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Prepare the handoff and payment summary.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can list the delivered build, the approved integration and the $2,000 payment, then prepare the $3,750 balance request. Maintenance stays an optional separate proposal, matching the conversation rather than silently adding it.\" data-example-response=\"\" data-example-answer=\"I can list the delivered build, the approved integration and the $2,000 payment, then prepare the $3,750 balance request. Maintenance stays an optional separate proposal, matching the conversation rather than silently adding it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can list the delivered build, the approved integration and the $2,000 payment, then prepare the $3,750 balance request. Maintenance stays an optional separate proposal, matching the conversation rather than silently adding it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Send Build client the $3,750 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Your approved follow-up is sent with the agreed work and credited payments. The reply stays with that same relationship.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-peer\"><small>Build client</small><p>Paid. Thank you for keeping the details together.</p></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The build and accepted integration are paid together. Build client: $3,750 received. The account now has $15,650. Each payment keeps its own recipient, purpose and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The build and accepted integration are paid together. Build client: $3,750 received. The account now has $15,650. Each payment keeps its own recipient, purpose and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The build and accepted integration are paid together.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg><span>Build client</span><small>Received</small></span><strong>$3,750.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down-left\"><path d=\"M17 7 7 17\"></path><path d=\"M17 17H7V7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money received</span><strong>$3,750.00</strong><span class=\"bank-chat-payment-peer\">From Build client</span><p class=\"bank-chat-payment-note\">Build $5,000 + integration $750 − received $2,000</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$3,750.00</dd></div><div><dt>Φ</dt><dd>187.5</dd></div><div><dt>Reference</dt><dd>example-daily-developers-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Total received</small><strong>$3,750</strong><p>Account after <b>$15,650.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The build was $5,000 with $2,000 received. They later approved a $750 integration. That leaves $3,750. The maintenance discussion is a separate $200 monthly proposal and has not been accepted.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$11,900</strong></div><div><span>Delivered build</span><strong>$5,000</strong></div><div><span>Approved integration</span><strong>$750</strong></div><div><span>Already received</span><strong>$2,000</strong></div><div><span>Maintenance proposal</span><strong>Separate · not accepted</strong></div></div><p class=\"organizer-sub\">Send Build client the $3,750 follow-up using the agreement and payments we already have. Keep the request and its result with that work.</p></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Build client\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Build client</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Build $5,000 + integration $750 − received $2,000 · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$3,750.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Build $5,000 + integration $750 − received $2,000</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-developers-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Build client · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>What is this client’s final payment supposed to include?</p><p><strong>Your agent</strong>The build was $5,000 with $2,000 received. They later approved a $750 integration. That leaves $3,750. The maintenance discussion is a separate $200 monthly proposal and has not been accepted.</p><p><strong>You</strong>Prepare the handoff and payment summary.</p><p><strong>Your agent</strong>I can list the delivered build, the approved integration and the $2,000 payment, then prepare the $3,750 balance request. Maintenance stays an optional separate proposal, matching the conversation rather than silently adding it.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$15,650.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 15650 to 15650\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$56,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 56000 to 56000\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$56,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 56000 to 56000\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"startups\" data-example-scenario=\"startups\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The hiring comparison keeps received revenue counted once.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The hiring comparison keeps received revenue counted once.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Does the big customer payment change our hiring plan?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The confirmed $12,000 payment is already in your $56,000 account. At the recorded $16,000 monthly commitments, that covers 3.5 months under the same-spend assumption. It should not be added to the balance a second time.\" data-example-response=\"\" data-example-answer=\"The confirmed $12,000 payment is already in your $56,000 account. At the recorded $16,000 monthly commitments, that covers 3.5 months under the same-spend assumption. It should not be added to the balance a second time.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The confirmed $12,000 payment is already in your $56,000 account. At the recorded $16,000 monthly commitments, that covers 3.5 months under the same-spend assumption. It should not be added to the balance a second time.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$56,000</dd></div><div><dt>Current account</dt><dd>$56,000</dd></div><div><dt>Current monthly commitments</dt><dd>$16,000</dd></div><div><dt>With proposed role</dt><dd>$20,000 monthly</dd></div><div><dt>Simple runway with role</dt><dd>2.8 months</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Compare it with the hire we discussed.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The proposed $4,000 monthly role would take commitments to $20,000 and that simple runway to 2.8 months. I can put both scenarios beside the earlier hiring plan, keeping expected sales separate from received money.\" data-example-response=\"\" data-example-answer=\"The proposed $4,000 monthly role would take commitments to $20,000 and that simple runway to 2.8 months. I can put both scenarios beside the earlier hiring plan, keeping expected sales separate from received money.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The proposed $4,000 monthly role would take commitments to $20,000 and that simple runway to 2.8 months. I can put both scenarios beside the earlier hiring plan, keeping expected sales separate from received money.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Save both hiring scenarios with the existing payment and commitments. Keep expected sales separate from received money.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"Both scenarios are together: 3.5 months at the current recorded spend, or 2.8 months with the proposed role. The $12,000 customer payment stays counted once inside the $56,000 account.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Both scenarios are together: 3.5 months at the current recorded spend, or 2.8 months with the proposed role. The $12,000 customer payment stays counted once inside the $56,000 account.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The hiring comparison keeps received revenue counted once.\"><small>Runway with the proposed role</small><strong>2.8 months</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The confirmed $12,000 payment is already in your $56,000 account. At the recorded $16,000 monthly commitments, that covers 3.5 months under the same-spend assumption. It should not be added to the balance a second time.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$56,000</strong></div><div><span>Current account</span><strong>$56,000</strong></div><div><span>Current monthly commitments</span><strong>$16,000</strong></div><div><span>With proposed role</span><strong>$20,000 monthly</strong></div><div><span>Simple runway with role</span><strong>2.8 months</strong></div></div><p class=\"organizer-sub\">Save both hiring scenarios with the existing payment and commitments. Keep expected sales separate from received money.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Does the big customer payment change our hiring plan?</p><p><strong>Your agent</strong>The confirmed $12,000 payment is already in your $56,000 account. At the recorded $16,000 monthly commitments, that covers 3.5 months under the same-spend assumption. It should not be added to the balance a second time.</p><p><strong>You</strong>Compare it with the hire we discussed.</p><p><strong>Your agent</strong>The proposed $4,000 monthly role would take commitments to $20,000 and that simple runway to 2.8 months. I can put both scenarios beside the earlier hiring plan, keeping expected sales separate from received money.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$56,000.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 56000 to 56000\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$8,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 8200 to 8200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$8,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 8200 to 8200\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"collectors\" data-example-scenario=\"collectors\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The piece’s full recorded cost travels with its history.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The piece’s full recorded cost travels with its history.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>What did this piece really cost me?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The recorded purchase was $2,400, with $180 shipping and $120 restoration linked to the same original. That is $2,700 before any other costs. The asking price today is separate from what you actually spent.\" data-example-response=\"\" data-example-answer=\"The recorded purchase was $2,400, with $180 shipping and $120 restoration linked to the same original. That is $2,700 before any other costs. The asking price today is separate from what you actually spent.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The recorded purchase was $2,400, with $180 shipping and $120 restoration linked to the same original. That is $2,700 before any other costs. The asking price today is separate from what you actually spent.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$8,200</dd></div><div><dt>Purchase</dt><dd>$2,400</dd></div><div><dt>Shipping</dt><dd>$180</dd></div><div><dt>Restoration</dt><dd>$120</dd></div><div><dt>Recorded total cost</dt><dd>$2,700</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Keep the ownership history with the numbers.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I can bring the purchase record, linked costs and available ownership history together for inspection. The $2,700 cost basis does not prove a current sale price; the original and its history explain what the records actually support.\" data-example-response=\"\" data-example-answer=\"I can bring the purchase record, linked costs and available ownership history together for inspection. The $2,700 cost basis does not prove a current sale price; the original and its history explain what the records actually support.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I can bring the purchase record, linked costs and available ownership history together for inspection. The $2,700 cost basis does not prove a current sale price; the original and its history explain what the records actually support.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Bring the purchase, shipping and restoration records into one cost summary. Keep the ownership history with the piece.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The $2,700 cost summary is ready with the purchase, shipping and restoration sources together. Asking price and actual recorded cost remain distinct when you inspect the piece’s ownership history.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The $2,700 cost summary is ready with the purchase, shipping and restoration sources together. Asking price and actual recorded cost remain distinct when you inspect the piece’s ownership history.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The piece’s full recorded cost travels with its history.\"><small>Total recorded cost</small><strong>$2,700</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The recorded purchase was $2,400, with $180 shipping and $120 restoration linked to the same original. That is $2,700 before any other costs. The asking price today is separate from what you actually spent.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$8,200</strong></div><div><span>Purchase</span><strong>$2,400</strong></div><div><span>Shipping</span><strong>$180</strong></div><div><span>Restoration</span><strong>$120</strong></div><div><span>Recorded total cost</span><strong>$2,700</strong></div></div><p class=\"organizer-sub\">Bring the purchase, shipping and restoration records into one cost summary. Keep the ownership history with the piece.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>What did this piece really cost me?</p><p><strong>Your agent</strong>The recorded purchase was $2,400, with $180 shipping and $120 restoration linked to the same original. That is $2,700 before any other costs. The asking price today is separate from what you actually spent.</p><p><strong>You</strong>Keep the ownership history with the numbers.</p><p><strong>Your agent</strong>I can bring the purchase record, linked costs and available ownership history together for inspection. The $2,700 cost basis does not prove a current sale price; the original and its history explain what the records actually support.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$8,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 8200 to 8200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,100.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9100 to 9100\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,100.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9100 to 9100\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"professionals\" data-example-scenario=\"professionals\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The smaller expense protects the buffer you set.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The smaller expense protects the buffer you set.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I take on this expense without squeezing next month?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"You have $9,100. Recorded commitments before the next expected payment total $5,200, leaving $3,900. Your earlier target was to keep $3,000 available. A $1,400 expense would leave $2,500, below that target.\" data-example-response=\"\" data-example-answer=\"You have $9,100. Recorded commitments before the next expected payment total $5,200, leaving $3,900. Your earlier target was to keep $3,000 available. A $1,400 expense would leave $2,500, below that target.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You have $9,100. Recorded commitments before the next expected payment total $5,200, leaving $3,900. Your earlier target was to keep $3,000 available. A $1,400 expense would leave $2,500, below that target.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$9,100</dd></div><div><dt>Recorded commitments</dt><dd>$5,200</dd></div><div><dt>Your protected buffer</dt><dd>$3,000</dd></div><div><dt>Original $1,400 option</dt><dd>Below your target</dd></div><div><dt>Available for this decision</dt><dd>$3,900</dd></div><div><dt>Immediate cost</dt><dd>$900</dd></div><div><dt>Left within this plan</dt><dd>$3,000</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What amount would fit the limit I set?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"Under those same recorded commitments, $900 is the maximum that leaves your $3,000 target intact. I can keep the proposed expense beside your earlier limit, instead of treating the current balance as all free to spend.\" data-example-response=\"\" data-example-answer=\"Under those same recorded commitments, $900 is the maximum that leaves your $3,000 target intact. I can keep the proposed expense beside your earlier limit, instead of treating the current balance as all free to spend.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Under those same recorded commitments, $900 is the maximum that leaves your $3,000 target intact. I can keep the proposed expense beside your earlier limit, instead of treating the current balance as all free to spend.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $900 to Service provider for approved expense within your limit. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The approved $900 payment is recorded. The account has $8,200; after $5,200 recorded commitments, your $3,000 target stays intact.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The approved $900 payment is recorded. The account has $8,200; after $5,200 recorded commitments, your $3,000 target stays intact.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The smaller expense protects the buffer you set.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Service provider</span><small>Paid</small></span><strong>$900.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$900.00</strong><span class=\"bank-chat-payment-peer\">To Service provider</span><p class=\"bank-chat-payment-note\">Approved expense within your limit</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$900.00</dd></div><div><dt>Φ</dt><dd>45</dd></div><div><dt>Reference</dt><dd>example-daily-professionals-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Cash buffer preserved</small><strong>$3,000</strong><p>Account after <b>$8,200.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">You have $9,100. Recorded commitments before the next expected payment total $5,200, leaving $3,900. Your earlier target was to keep $3,000 available. A $1,400 expense would leave $2,500, below that target.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$9,100</strong></div><div><span>Recorded commitments</span><strong>$5,200</strong></div><div><span>Your protected buffer</span><strong>$3,000</strong></div><div><span>Original $1,400 option</span><strong>Below your target</strong></div><div><span>Available for this decision</span><strong>$3,900</strong></div><div><span>Immediate cost</span><strong>$900</strong></div><div><span>Left within this plan</span><strong>$3,000</strong></div></div><p class=\"organizer-sub\">I approve $900 to Service provider for approved expense within your limit. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Service provider · Example</strong></div><div><span>You send</span><strong>$900.00</strong></div><div><span>Φ at this quote</span><strong>45 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">Approved expense within your limit</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $900.00 to Service provider · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Service provider\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Service provider</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Approved expense within your limit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$900.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Approved expense within your limit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-professionals-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Service provider · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I take on this expense without squeezing next month?</p><p><strong>Your agent</strong>You have $9,100. Recorded commitments before the next expected payment total $5,200, leaving $3,900. Your earlier target was to keep $3,000 available. A $1,400 expense would leave $2,500, below that target.</p><p><strong>You</strong>What amount would fit the limit I set?</p><p><strong>Your agent</strong>Under those same recorded commitments, $900 is the maximum that leaves your $3,000 target intact. I can keep the proposed expense beside your earlier limit, instead of treating the current balance as all free to spend.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$4,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 4600 to 4600\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$4,600.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 4600 to 4600\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"career-builders\" data-example-scenario=\"career-builders\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your money and commitments, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Check</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The exact people, amounts and purpose are ready to review.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your instruction is specific to this plan and these amounts.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Approve</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The first course instalment keeps upcoming bills in view.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Done</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The first course instalment keeps upcoming bills in view.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Can I cover the course while waiting for my first payment?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The course is $1,200. Your account has $4,600, with $2,800 in recorded commitments before the expected payment. Paying in full would leave $600. The promised first payment is not received money yet.\" data-example-response=\"\" data-example-answer=\"The course is $1,200. Your account has $4,600, with $2,800 in recorded commitments before the expected payment. Paying in full would leave $600. The promised first payment is not received money yet.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The course is $1,200. Your account has $4,600, with $2,800 in recorded commitments before the expected payment. Paying in full would leave $600. The promised first payment is not received money yet.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$4,600</dd></div><div><dt>Recorded commitments</dt><dd>$2,800</dd></div><div><dt>Course plan</dt><dd>Three $400 instalments</dd></div><div><dt>Expected first income</dt><dd>Kept separate from received money</dd></div><div><dt>Available for this decision</dt><dd>$1,800</dd></div><div><dt>Immediate cost</dt><dd>$400</dd></div><div><dt>Left within this plan</dt><dd>$1,400</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>What about the instalments they offered?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The offer was three $400 instalments. The first would leave $1,400 under the same commitments. I can lay out the later due dates beside the expected income so you can compare the timing without assuming that income is guaranteed.\" data-example-response=\"\" data-example-answer=\"The offer was three $400 instalments. The first would leave $1,400 under the same commitments. I can lay out the later due dates beside the expected income so you can compare the timing without assuming that income is guaranteed.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The offer was three $400 instalments. The first would leave $1,400 under the same commitments. I can lay out the later due dates beside the expected income so you can compare the timing without assuming that income is guaranteed.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Review the plan</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>I approve $400 to Course provider for first agreed course instalment. Keep the commitments we discussed with the payment.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The exact recipients, amounts and purpose are approved in your instruction. Each supported payment keeps its own review and record.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The first $400 instalment is paid. Your account has $4,200; $1,400 remains after the recorded commitments. The two later $400 instalments stay visible in the course plan.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The first $400 instalment is paid. Your account has $4,200; $1,400 remains after the recorded commitments. The two later $400 instalments stay visible in the course plan.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The first course instalment keeps upcoming bills in view.\"><details class=\"daily-money-receipt\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Course provider</span><small>Paid</small></span><strong>$400.00</strong></summary><article class=\"bank-chat-payment\" aria-label=\"Recorded money transfer\"><span class=\"bank-chat-payment-mark\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></span><div><span class=\"bank-chat-payment-kind\">Money sent</span><strong>$400.00</strong><span class=\"bank-chat-payment-peer\">To Course provider</span><p class=\"bank-chat-payment-note\">First agreed course instalment</p><details><summary>Payment details</summary><dl><div><dt>Recorded amount</dt><dd>$400.00</dd></div><div><dt>Φ</dt><dd>20</dd></div><div><dt>Reference</dt><dd>example-daily-career-builders-0</dd></div></dl></details></div></article><button type=\"button\" data-workflow-open=\"record-0\" class=\"agent-workflow-record\" tabindex=\"0\">Open this payment record</button></details><small>Left within this plan</small><strong>$1,400</strong><p>Account after <b>$4,200.00</b></p></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">The payment plan</h3><p class=\"organizer-sub\">The course is $1,200. Your account has $4,600, with $2,800 in recorded commitments before the expected payment. Paying in full would leave $600. The promised first payment is not received money yet.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$4,600</strong></div><div><span>Recorded commitments</span><strong>$2,800</strong></div><div><span>Course plan</span><strong>Three $400 instalments</strong></div><div><span>Expected first income</span><strong>Kept separate from received money</strong></div><div><span>Available for this decision</span><strong>$1,800</strong></div><div><span>Immediate cost</span><strong>$400</strong></div><div><span>Left within this plan</span><strong>$1,400</strong></div></div><p class=\"organizer-sub\">I approve $400 to Course provider for first agreed course instalment. Keep the commitments we discussed with the payment.</p><div class=\"daily-money-native-review\"><section class=\"native-operation-review\"><h1 class=\"sheet-hero\">Review payment.</h1><div class=\"detail-list\"><div><span>Recipient</span><strong>Course provider · Example</strong></div><div><span>You send</span><strong>$400.00</strong></div><div><span>Φ at this quote</span><strong>20 Φ</strong></div><div><span>From</span><strong>Reserve</strong></div><div><span>Payment memo</span><strong class=\"send-public-note\">First agreed course instalment</strong></div><div><span>Fee</span><strong>$0.00</strong></div></div><p class=\"body-copy small-copy\">Reserve is used first; Settlement covers the remainder. The dollar amount is fixed. Wallet computes the Φ amount and funding split from your current account when you send.</p><label class=\"consent-option\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input type=\"checkbox\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>I approve sending $400.00 to Course provider · Example using my balance and a card payment for any amount needed, and publishing the memo shown above.</span></label><button class=\"primary-button\" disabled=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Send payment<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-right\"><path d=\"M5 12h14\"></path><path d=\"m12 5 7 7-7 7\"></path></svg></button><button class=\"secondary-button\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Edit details</button></section></div></div></div><div class=\"bank-organizer\" data-workflow-pane=\"record-0\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><section class=\"ledger-inspector\" aria-label=\"Record details: Payment to Course provider\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment to Course provider</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">First agreed course instalment · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$400.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>First agreed course instalment</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-daily-career-builders-0</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Example account</span></dd></div><div><dt>To</dt><dd><span>Course provider · Example</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Not supplied</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-workflow-open=\"record-0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Can I cover the course while waiting for my first payment?</p><p><strong>Your agent</strong>The course is $1,200. Your account has $4,600, with $2,800 in recorded commitments before the expected payment. Paying in full would leave $600. The promised first payment is not received money yet.</p><p><strong>You</strong>What about the instalments they offered?</p><p><strong>Your agent</strong>The offer was three $400 instalments. The first would leave $1,400 under the same commitments. I can lay out the later due dates beside the expected income so you can compare the timing without assuming that income is guaranteed.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$4,200.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 4200 to 4200\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13700 to 13700\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13700 to 13700\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging agent-workflow daily-money-workflow\" data-agent-workflow=\"true\" data-daily-money=\"knowledge-businesses\" data-example-scenario=\"knowledge-businesses\" data-workflow-phase=\"4\"><nav class=\"bank-messaging-nav\" aria-label=\"Conversation views\"><button class=\"active\" data-workflow-open=\"chat\" tabindex=\"0\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"agent-workflow-steps\" aria-label=\"Follow the money workflow\"><button type=\"button\" data-workflow-step=\"0\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your records, already in context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-send\"><path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path><path d=\"m21.854 2.147-10.94 10.939\"></path></svg><span>Ask</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"1\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Connecting the amounts to the original work and agreements.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-search\"><circle cx=\"11\" cy=\"11\" r=\"8\"></circle><path d=\"m21 21-4.3-4.3\"></path></svg><span>Trace</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"2\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The source records and comparison are together.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span>Compare</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"3\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"Your decision keeps its supporting context.\" aria-pressed=\"false\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><span>Decide</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button><button type=\"button\" data-workflow-step=\"4\" data-workflow-pane-target=\"chat\" data-workflow-status-text=\"The next offer starts from delivery economics, not guesswork.\" aria-pressed=\"true\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-wallet\"><path d=\"M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1\"></path><path d=\"M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4\"></path></svg><span>Ready</span><i><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></i></button></div><div class=\"agent-workflow-status\"><span aria-hidden=\"true\"></span><p data-workflow-status=\"true\">The next offer starts from delivery economics, not guesswork.</p></div><div class=\"agent-workflow-chat\" data-workflow-pane=\"chat\"><div class=\"bank-conversation-scroll\" data-agent-workflow-scroll=\"true\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div data-workflow-turn=\"0\"><div class=\"bank-message-own\"><p>Which offer is actually leaving more money after delivery?</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"I’m checking the payments, the agreed work and the commitments you already told me about.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>I’m checking the payments, the agreed work and the commitments you already told me about.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"1\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The workshop brought in $6,000 with $1,400 linked delivery costs, leaving $4,600. The advisory offer brought in $5,000 with $600 linked costs, leaving $4,400. Those are before tax and shared overhead, not total profit.\" data-example-response=\"\" data-example-answer=\"The workshop brought in $6,000 with $1,400 linked delivery costs, leaving $4,600. The advisory offer brought in $5,000 with $600 linked costs, leaving $4,400. Those are before tax and shared overhead, not total profit.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The workshop brought in $6,000 with $1,400 linked delivery costs, leaving $4,600. The advisory offer brought in $5,000 with $600 linked costs, leaving $4,400. Those are before tax and shared overhead, not total profit.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"daily-money-facts\"><small>The context behind the answer</small><dl><div><dt>Account before</dt><dd>$13,700</dd></div><div><dt>Workshop after linked delivery costs</dt><dd>$4,600 / 28 hours ≈ $164 per hour</dd></div><div><dt>Advisory after linked delivery costs</dt><dd>$4,400 / 12 hours ≈ $367 per hour</dd></div></dl></div></div><div data-workflow-turn=\"2\"><div class=\"bank-message-own\"><p>Include the time we discussed too.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"You recorded 28 delivery hours for the workshop and 12 for advisory. That is about $164 versus $367 per delivery hour on those figures. I can keep the payments, costs and recorded time together when you plan the next offer.\" data-example-response=\"\" data-example-answer=\"You recorded 28 delivery hours for the workshop and 12 for advisory. That is about $164 versus $367 per delivery hour on those figures. I can keep the payments, costs and recorded time together when you plan the next offer.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>You recorded 28 delivery hours for the workshop and 12 for advisory. That is about $164 versus $367 per delivery hour on those figures. I can keep the payments, costs and recorded time together when you plan the next offer.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><button type=\"button\" class=\"agent-workflow-done\" data-workflow-open=\"source\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg><span><strong>Open the comparison</strong><small>The amounts and original context, together.</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-check\"><path d=\"M20 6 9 17l-5-5\"></path></svg></button></div><div data-workflow-turn=\"3\"><div class=\"bank-message-own\"><p>Save the offer comparison using the recorded delivery time and linked costs. Keep tax and shared overhead separate.</p></div><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison and supporting records are together. Your decision keeps its assumptions and the reason behind it.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div><div data-workflow-turn=\"4\"><div class=\"agent-workflow-reply\" data-workflow-answer=\"The comparison is ready with each offer’s receipts, linked costs and recorded delivery hours. Advisory produced about $367 per delivery hour on those figures, before tax and shared overhead.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>The comparison is ready with each offer’s receipts, linked costs and recorded delivery hours. Advisory produced about $367 per delivery hour on those figures, before tax and shared overhead.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><section class=\"daily-money-outcome\" data-money-outcome=\"true\" aria-label=\"The next offer starts from delivery economics, not guesswork.\"><small>Advisory · before tax and shared overhead</small><strong>$367 / hour</strong><button type=\"button\" class=\"agent-workflow-record\" data-workflow-open=\"source\" tabindex=\"0\">Open the connected comparison <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></button></section></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></div><div class=\"bank-organizer\" data-workflow-pane=\"source\" hidden=\"\"><div class=\"organizer-scroll\"><button type=\"button\" class=\"organizer-return\" data-workflow-open=\"chat\" tabindex=\"0\">Return to conversation</button><h3 class=\"organizer-lead\">Your comparison</h3><p class=\"organizer-sub\">The workshop brought in $6,000 with $1,400 linked delivery costs, leaving $4,600. The advisory offer brought in $5,000 with $600 linked costs, leaving $4,400. Those are before tax and shared overhead, not total profit.</p><div class=\"detail-list\"><div><span>Account before</span><strong>$13,700</strong></div><div><span>Workshop after linked delivery costs</span><strong>$4,600 / 28 hours ≈ $164 per hour</strong></div><div><span>Advisory after linked delivery costs</span><strong>$4,400 / 12 hours ≈ $367 per hour</strong></div></div><p class=\"organizer-sub\">Save the offer comparison using the recorded delivery time and linked costs. Keep tax and shared overhead separate.</p></div></div></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Which offer is actually leaving more money after delivery?</p><p><strong>Your agent</strong>The workshop brought in $6,000 with $1,400 linked delivery costs, leaving $4,600. The advisory offer brought in $5,000 with $600 linked costs, leaving $4,400. Those are before tax and shared overhead, not total profit.</p><p><strong>You</strong>Include the time we discussed too.</p><p><strong>Your agent</strong>You recorded 28 delivery hours for the workshop and 12 for advisory. That is about $164 versus $367 per delivery hour on those figures. I can keep the payments, costs and recorded time together when you plan the next offer.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$13,700.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 13700 to 13700\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"The example account after these recorded payments.","view":"account-after"},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"account\" data-source-components=\"ConsoleShell,LiveAccount,BalanceChart,AccountInvestmentValue,AccountAssetSummary\" data-example-view=\"account\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-account-main-content\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable account example\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9500 to 9500\"><defs><linearGradient id=\"product-example-destination-account-_R_13b9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-account-_R_13b9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Your account brings your funds, assets and activity together. Start with Send or Receive and explore the same screens you will use."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"receive\" data-source-components=\"ConsoleShell,Sheet,LiveReceive\" data-example-view=\"receive\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-receive-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9500 to 9500\"><defs><linearGradient id=\"product-example-destination-receive-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-receive-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-receive-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable receive example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-receive-_R_j9_\">Receive</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><div class=\"dual-actions receive-top-actions\"><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"note-deposit\">Deposit note</button><button type=\"button\" class=\"text-button note-action\" tabindex=\"0\" data-example-action=\"counter\">Counter</button></div><h1 class=\"sheet-hero receive-heading\">Your value has a home.</h1><p class=\"body-copy receive-intro\">Receive money or asset ownership directly into your account.</p><div class=\"segmented receive-link-modes\" role=\"group\" aria-label=\"Payment link type\"><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive\">Send link</button><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive-checkout\">Checkout link</button></div><div class=\"receiving-card receive-payment-card\"><svg viewBox=\"0 0 61 61\" class=\"payment-qr\" role=\"img\" aria-label=\"Your payment QR\"><rect width=\"61\" height=\"61\" fill=\"#fff\"></rect><path d=\"M4,4h1v1h-1zM5,4h1v1h-1zM6,4h1v1h-1zM7,4h1v1h-1zM8,4h1v1h-1zM9,4h1v1h-1zM10,4h1v1h-1zM14,4h1v1h-1zM16,4h1v1h-1zM18,4h1v1h-1zM19,4h1v1h-1zM21,4h1v1h-1zM22,4h1v1h-1zM24,4h1v1h-1zM26,4h1v1h-1zM27,4h1v1h-1zM29,4h1v1h-1zM32,4h1v1h-1zM34,4h1v1h-1zM35,4h1v1h-1zM36,4h1v1h-1zM37,4h1v1h-1zM42,4h1v1h-1zM43,4h1v1h-1zM44,4h1v1h-1zM45,4h1v1h-1zM46,4h1v1h-1zM50,4h1v1h-1zM51,4h1v1h-1zM52,4h1v1h-1zM53,4h1v1h-1zM54,4h1v1h-1zM55,4h1v1h-1zM56,4h1v1h-1zM4,5h1v1h-1zM10,5h1v1h-1zM13,5h1v1h-1zM16,5h1v1h-1zM17,5h1v1h-1zM19,5h1v1h-1zM20,5h1v1h-1zM22,5h1v1h-1zM25,5h1v1h-1zM27,5h1v1h-1zM28,5h1v1h-1zM29,5h1v1h-1zM30,5h1v1h-1zM32,5h1v1h-1zM35,5h1v1h-1zM37,5h1v1h-1zM40,5h1v1h-1zM43,5h1v1h-1zM45,5h1v1h-1zM46,5h1v1h-1zM47,5h1v1h-1zM50,5h1v1h-1zM56,5h1v1h-1zM4,6h1v1h-1zM6,6h1v1h-1zM7,6h1v1h-1zM8,6h1v1h-1zM10,6h1v1h-1zM12,6h1v1h-1zM16,6h1v1h-1zM17,6h1v1h-1zM18,6h1v1h-1zM19,6h1v1h-1zM24,6h1v1h-1zM25,6h1v1h-1zM26,6h1v1h-1zM27,6h1v1h-1zM29,6h1v1h-1zM34,6h1v1h-1zM36,6h1v1h-1zM37,6h1v1h-1zM39,6h1v1h-1zM40,6h1v1h-1zM42,6h1v1h-1zM44,6h1v1h-1zM45,6h1v1h-1zM47,6h1v1h-1zM50,6h1v1h-1zM52,6h1v1h-1zM53,6h1v1h-1zM54,6h1v1h-1zM56,6h1v1h-1zM4,7h1v1h-1zM6,7h1v1h-1zM7,7h1v1h-1zM8,7h1v1h-1zM10,7h1v1h-1zM15,7h1v1h-1zM16,7h1v1h-1zM17,7h1v1h-1zM19,7h1v1h-1zM22,7h1v1h-1zM25,7h1v1h-1zM27,7h1v1h-1zM29,7h1v1h-1zM32,7h1v1h-1zM36,7h1v1h-1zM37,7h1v1h-1zM38,7h1v1h-1zM39,7h1v1h-1zM44,7h1v1h-1zM46,7h1v1h-1zM48,7h1v1h-1zM50,7h1v1h-1zM52,7h1v1h-1zM53,7h1v1h-1zM54,7h1v1h-1zM56,7h1v1h-1zM4,8h1v1h-1zM6,8h1v1h-1zM7,8h1v1h-1zM8,8h1v1h-1zM10,8h1v1h-1zM13,8h1v1h-1zM14,8h1v1h-1zM15,8h1v1h-1zM16,8h1v1h-1zM17,8h1v1h-1zM18,8h1v1h-1zM19,8h1v1h-1zM22,8h1v1h-1zM24,8h1v1h-1zM25,8h1v1h-1zM26,8h1v1h-1zM27,8h1v1h-1zM28,8h1v1h-1zM29,8h1v1h-1zM30,8h1v1h-1zM31,8h1v1h-1zM32,8h1v1h-1zM34,8h1v1h-1zM37,8h1v1h-1zM39,8h1v1h-1zM40,8h1v1h-1zM42,8h1v1h-1zM46,8h1v1h-1zM50,8h1v1h-1zM52,8h1v1h-1zM53,8h1v1h-1zM54,8h1v1h-1zM56,8h1v1h-1zM4,9h1v1h-1zM10,9h1v1h-1zM15,9h1v1h-1zM16,9h1v1h-1zM17,9h1v1h-1zM19,9h1v1h-1zM20,9h1v1h-1zM22,9h1v1h-1zM25,9h1v1h-1zM28,9h1v1h-1zM32,9h1v1h-1zM36,9h1v1h-1zM37,9h1v1h-1zM39,9h1v1h-1zM44,9h1v1h-1zM45,9h1v1h-1zM46,9h1v1h-1zM50,9h1v1h-1zM56,9h1v1h-1zM4,10h1v1h-1zM5,10h1v1h-1zM6,10h1v1h-1zM7,10h1v1h-1zM8,10h1v1h-1zM9,10h1v1h-1zM10,10h1v1h-1zM12,10h1v1h-1zM14,10h1v1h-1zM16,10h1v1h-1zM18,10h1v1h-1zM20,10h1v1h-1zM22,10h1v1h-1zM24,10h1v1h-1zM26,10h1v1h-1zM28,10h1v1h-1zM30,10h1v1h-1zM32,10h1v1h-1zM34,10h1v1h-1zM36,10h1v1h-1zM38,10h1v1h-1zM40,10h1v1h-1zM42,10h1v1h-1zM44,10h1v1h-1zM46,10h1v1h-1zM48,10h1v1h-1zM50,10h1v1h-1zM51,10h1v1h-1zM52,10h1v1h-1zM53,10h1v1h-1zM54,10h1v1h-1zM55,10h1v1h-1zM56,10h1v1h-1zM12,11h1v1h-1zM13,11h1v1h-1zM14,11h1v1h-1zM16,11h1v1h-1zM20,11h1v1h-1zM21,11h1v1h-1zM22,11h1v1h-1zM23,11h1v1h-1zM27,11h1v1h-1zM28,11h1v1h-1zM32,11h1v1h-1zM34,11h1v1h-1zM35,11h1v1h-1zM37,11h1v1h-1zM42,11h1v1h-1zM43,11h1v1h-1zM46,11h1v1h-1zM48,11h1v1h-1zM4,12h1v1h-1zM5,12h1v1h-1zM6,12h1v1h-1zM8,12h1v1h-1zM9,12h1v1h-1zM10,12h1v1h-1zM11,12h1v1h-1zM12,12h1v1h-1zM14,12h1v1h-1zM15,12h1v1h-1zM18,12h1v1h-1zM19,12h1v1h-1zM20,12h1v1h-1zM21,12h1v1h-1zM24,12h1v1h-1zM26,12h1v1h-1zM27,12h1v1h-1zM28,12h1v1h-1zM29,12h1v1h-1zM30,12h1v1h-1zM31,12h1v1h-1zM32,12h1v1h-1zM35,12h1v1h-1zM37,12h1v1h-1zM38,12h1v1h-1zM40,12h1v1h-1zM43,12h1v1h-1zM45,12h1v1h-1zM49,12h1v1h-1zM50,12h1v1h-1zM54,12h1v1h-1zM5,13h1v1h-1zM6,13h1v1h-1zM8,13h1v1h-1zM11,13h1v1h-1zM12,13h1v1h-1zM13,13h1v1h-1zM14,13h1v1h-1zM15,13h1v1h-1zM16,13h1v1h-1zM19,13h1v1h-1zM21,13h1v1h-1zM24,13h1v1h-1zM28,13h1v1h-1zM29,13h1v1h-1zM34,13h1v1h-1zM35,13h1v1h-1zM36,13h1v1h-1zM37,13h1v1h-1zM42,13h1v1h-1zM43,13h1v1h-1zM44,13h1v1h-1zM45,13h1v1h-1zM47,13h1v1h-1zM51,13h1v1h-1zM53,13h1v1h-1zM56,13h1v1h-1zM5,14h1v1h-1zM6,14h1v1h-1zM7,14h1v1h-1zM10,14h1v1h-1zM12,14h1v1h-1zM14,14h1v1h-1zM17,14h1v1h-1zM19,14h1v1h-1zM20,14h1v1h-1zM22,14h1v1h-1zM25,14h1v1h-1zM27,14h1v1h-1zM28,14h1v1h-1zM29,14h1v1h-1zM30,14h1v1h-1zM32,14h1v1h-1zM34,14h1v1h-1zM35,14h1v1h-1zM37,14h1v1h-1zM38,14h1v1h-1zM40,14h1v1h-1zM42,14h1v1h-1zM43,14h1v1h-1zM46,14h1v1h-1zM48,14h1v1h-1zM51,14h1v1h-1zM53,14h1v1h-1zM54,14h1v1h-1zM55,14h1v1h-1zM56,14h1v1h-1zM4,15h1v1h-1zM6,15h1v1h-1zM9,15h1v1h-1zM11,15h1v1h-1zM12,15h1v1h-1zM13,15h1v1h-1zM15,15h1v1h-1zM17,15h1v1h-1zM18,15h1v1h-1zM19,15h1v1h-1zM24,15h1v1h-1zM25,15h1v1h-1zM26,15h1v1h-1zM27,15h1v1h-1zM29,15h1v1h-1zM34,15h1v1h-1zM37,15h1v1h-1zM39,15h1v1h-1zM42,15h1v1h-1zM45,15h1v1h-1zM49,15h1v1h-1zM51,15h1v1h-1zM53,15h1v1h-1zM55,15h1v1h-1zM4,16h1v1h-1zM8,16h1v1h-1zM10,16h1v1h-1zM12,16h1v1h-1zM13,16h1v1h-1zM14,16h1v1h-1zM17,16h1v1h-1zM19,16h1v1h-1zM20,16h1v1h-1zM22,16h1v1h-1zM24,16h1v1h-1zM25,16h1v1h-1zM27,16h1v1h-1zM28,16h1v1h-1zM29,16h1v1h-1zM30,16h1v1h-1zM32,16h1v1h-1zM36,16h1v1h-1zM37,16h1v1h-1zM38,16h1v1h-1zM39,16h1v1h-1zM44,16h1v1h-1zM45,16h1v1h-1zM46,16h1v1h-1zM47,16h1v1h-1zM48,16h1v1h-1zM49,16h1v1h-1zM50,16h1v1h-1zM51,16h1v1h-1zM53,16h1v1h-1zM54,16h1v1h-1zM56,16h1v1h-1zM4,17h1v1h-1zM6,17h1v1h-1zM8,17h1v1h-1zM9,17h1v1h-1zM11,17h1v1h-1zM15,17h1v1h-1zM17,17h1v1h-1zM19,17h1v1h-1zM24,17h1v1h-1zM25,17h1v1h-1zM27,17h1v1h-1zM29,17h1v1h-1zM34,17h1v1h-1zM37,17h1v1h-1zM39,17h1v1h-1zM40,17h1v1h-1zM42,17h1v1h-1zM45,17h1v1h-1zM47,17h1v1h-1zM49,17h1v1h-1zM51,17h1v1h-1zM52,17h1v1h-1zM53,17h1v1h-1zM55,17h1v1h-1zM4,18h1v1h-1zM6,18h1v1h-1zM7,18h1v1h-1zM10,18h1v1h-1zM11,18h1v1h-1zM12,18h1v1h-1zM16,18h1v1h-1zM17,18h1v1h-1zM19,18h1v1h-1zM20,18h1v1h-1zM22,18h1v1h-1zM25,18h1v1h-1zM27,18h1v1h-1zM28,18h1v1h-1zM29,18h1v1h-1zM30,18h1v1h-1zM32,18h1v1h-1zM34,18h1v1h-1zM36,18h1v1h-1zM37,18h1v1h-1zM38,18h1v1h-1zM39,18h1v1h-1zM42,18h1v1h-1zM44,18h1v1h-1zM45,18h1v1h-1zM46,18h1v1h-1zM47,18h1v1h-1zM48,18h1v1h-1zM49,18h1v1h-1zM50,18h1v1h-1zM51,18h1v1h-1zM53,18h1v1h-1zM55,18h1v1h-1zM4,19h1v1h-1zM5,19h1v1h-1zM8,19h1v1h-1zM11,19h1v1h-1zM12,19h1v1h-1zM14,19h1v1h-1zM16,19h1v1h-1zM17,19h1v1h-1zM18,19h1v1h-1zM19,19h1v1h-1zM24,19h1v1h-1zM25,19h1v1h-1zM26,19h1v1h-1zM27,19h1v1h-1zM29,19h1v1h-1zM33,19h1v1h-1zM38,19h1v1h-1zM39,19h1v1h-1zM41,19h1v1h-1zM46,19h1v1h-1zM47,19h1v1h-1zM51,19h1v1h-1zM52,19h1v1h-1zM53,19h1v1h-1zM55,19h1v1h-1zM56,19h1v1h-1zM4,20h1v1h-1zM5,20h1v1h-1zM9,20h1v1h-1zM10,20h1v1h-1zM11,20h1v1h-1zM13,20h1v1h-1zM17,20h1v1h-1zM20,20h1v1h-1zM22,20h1v1h-1zM23,20h1v1h-1zM24,20h1v1h-1zM25,20h1v1h-1zM27,20h1v1h-1zM28,20h1v1h-1zM29,20h1v1h-1zM30,20h1v1h-1zM32,20h1v1h-1zM33,20h1v1h-1zM34,20h1v1h-1zM36,20h1v1h-1zM39,20h1v1h-1zM41,20h1v1h-1zM42,20h1v1h-1zM44,20h1v1h-1zM49,20h1v1h-1zM50,20h1v1h-1zM51,20h1v1h-1zM52,20h1v1h-1zM53,20h1v1h-1zM55,20h1v1h-1zM6,21h1v1h-1zM8,21h1v1h-1zM9,21h1v1h-1zM11,21h1v1h-1zM13,21h1v1h-1zM16,21h1v1h-1zM17,21h1v1h-1zM20,21h1v1h-1zM23,21h1v1h-1zM25,21h1v1h-1zM27,21h1v1h-1zM30,21h1v1h-1zM31,21h1v1h-1zM33,21h1v1h-1zM38,21h1v1h-1zM39,21h1v1h-1zM40,21h1v1h-1zM41,21h1v1h-1zM46,21h1v1h-1zM49,21h1v1h-1zM51,21h1v1h-1zM54,21h1v1h-1zM56,21h1v1h-1zM4,22h1v1h-1zM6,22h1v1h-1zM10,22h1v1h-1zM11,22h1v1h-1zM13,22h1v1h-1zM16,22h1v1h-1zM18,22h1v1h-1zM21,22h1v1h-1zM23,22h1v1h-1zM24,22h1v1h-1zM26,22h1v1h-1zM28,22h1v1h-1zM31,22h1v1h-1zM33,22h1v1h-1zM34,22h1v1h-1zM36,22h1v1h-1zM38,22h1v1h-1zM39,22h1v1h-1zM41,22h1v1h-1zM42,22h1v1h-1zM44,22h1v1h-1zM46,22h1v1h-1zM47,22h1v1h-1zM48,22h1v1h-1zM52,22h1v1h-1zM55,22h1v1h-1zM56,22h1v1h-1zM4,23h1v1h-1zM6,23h1v1h-1zM11,23h1v1h-1zM13,23h1v1h-1zM16,23h1v1h-1zM20,23h1v1h-1zM21,23h1v1h-1zM22,23h1v1h-1zM23,23h1v1h-1zM28,23h1v1h-1zM30,23h1v1h-1zM31,23h1v1h-1zM32,23h1v1h-1zM33,23h1v1h-1zM35,23h1v1h-1zM38,23h1v1h-1zM41,23h1v1h-1zM43,23h1v1h-1zM46,23h1v1h-1zM47,23h1v1h-1zM48,23h1v1h-1zM50,23h1v1h-1zM54,23h1v1h-1zM55,23h1v1h-1zM4,24h1v1h-1zM6,24h1v1h-1zM7,24h1v1h-1zM8,24h1v1h-1zM10,24h1v1h-1zM11,24h1v1h-1zM12,24h1v1h-1zM13,24h1v1h-1zM18,24h1v1h-1zM20,24h1v1h-1zM21,24h1v1h-1zM23,24h1v1h-1zM24,24h1v1h-1zM26,24h1v1h-1zM30,24h1v1h-1zM31,24h1v1h-1zM33,24h1v1h-1zM34,24h1v1h-1zM35,24h1v1h-1zM40,24h1v1h-1zM41,24h1v1h-1zM42,24h1v1h-1zM43,24h1v1h-1zM48,24h1v1h-1zM52,24h1v1h-1zM54,24h1v1h-1zM55,24h1v1h-1zM56,24h1v1h-1zM4,25h1v1h-1zM5,25h1v1h-1zM6,25h1v1h-1zM7,25h1v1h-1zM11,25h1v1h-1zM15,25h1v1h-1zM16,25h1v1h-1zM20,25h1v1h-1zM21,25h1v1h-1zM23,25h1v1h-1zM28,25h1v1h-1zM30,25h1v1h-1zM31,25h1v1h-1zM33,25h1v1h-1zM35,25h1v1h-1zM36,25h1v1h-1zM38,25h1v1h-1zM41,25h1v1h-1zM43,25h1v1h-1zM44,25h1v1h-1zM46,25h1v1h-1zM48,25h1v1h-1zM50,25h1v1h-1zM53,25h1v1h-1zM54,25h1v1h-1zM8,26h1v1h-1zM10,26h1v1h-1zM18,26h1v1h-1zM21,26h1v1h-1zM23,26h1v1h-1zM24,26h1v1h-1zM26,26h1v1h-1zM28,26h1v1h-1zM31,26h1v1h-1zM33,26h1v1h-1zM34,26h1v1h-1zM35,26h1v1h-1zM38,26h1v1h-1zM40,26h1v1h-1zM41,26h1v1h-1zM42,26h1v1h-1zM43,26h1v1h-1zM46,26h1v1h-1zM50,26h1v1h-1zM52,26h1v1h-1zM56,26h1v1h-1zM6,27h1v1h-1zM8,27h1v1h-1zM9,27h1v1h-1zM12,27h1v1h-1zM14,27h1v1h-1zM16,27h1v1h-1zM20,27h1v1h-1zM21,27h1v1h-1zM22,27h1v1h-1zM23,27h1v1h-1zM28,27h1v1h-1zM30,27h1v1h-1zM31,27h1v1h-1zM32,27h1v1h-1zM34,27h1v1h-1zM35,27h1v1h-1zM37,27h1v1h-1zM42,27h1v1h-1zM43,27h1v1h-1zM45,27h1v1h-1zM48,27h1v1h-1zM50,27h1v1h-1zM52,27h1v1h-1zM53,27h1v1h-1zM5,28h1v1h-1zM7,28h1v1h-1zM8,28h1v1h-1zM9,28h1v1h-1zM10,28h1v1h-1zM11,28h1v1h-1zM12,28h1v1h-1zM18,28h1v1h-1zM19,28h1v1h-1zM20,28h1v1h-1zM21,28h1v1h-1zM24,28h1v1h-1zM26,28h1v1h-1zM28,28h1v1h-1zM29,28h1v1h-1zM30,28h1v1h-1zM31,28h1v1h-1zM32,28h1v1h-1zM35,28h1v1h-1zM37,28h1v1h-1zM38,28h1v1h-1zM40,28h1v1h-1zM43,28h1v1h-1zM45,28h1v1h-1zM46,28h1v1h-1zM48,28h1v1h-1zM49,28h1v1h-1zM50,28h1v1h-1zM51,28h1v1h-1zM52,28h1v1h-1zM56,28h1v1h-1zM4,29h1v1h-1zM6,29h1v1h-1zM8,29h1v1h-1zM12,29h1v1h-1zM13,29h1v1h-1zM19,29h1v1h-1zM21,29h1v1h-1zM24,29h1v1h-1zM28,29h1v1h-1zM32,29h1v1h-1zM34,29h1v1h-1zM35,29h1v1h-1zM36,29h1v1h-1zM37,29h1v1h-1zM42,29h1v1h-1zM43,29h1v1h-1zM44,29h1v1h-1zM45,29h1v1h-1zM48,29h1v1h-1zM52,29h1v1h-1zM53,29h1v1h-1zM56,29h1v1h-1zM5,30h1v1h-1zM6,30h1v1h-1zM8,30h1v1h-1zM10,30h1v1h-1zM12,30h1v1h-1zM14,30h1v1h-1zM15,30h1v1h-1zM17,30h1v1h-1zM19,30h1v1h-1zM20,30h1v1h-1zM22,30h1v1h-1zM25,30h1v1h-1zM27,30h1v1h-1zM28,30h1v1h-1zM30,30h1v1h-1zM32,30h1v1h-1zM34,30h1v1h-1zM35,30h1v1h-1zM37,30h1v1h-1zM38,30h1v1h-1zM40,30h1v1h-1zM42,30h1v1h-1zM43,30h1v1h-1zM45,30h1v1h-1zM46,30h1v1h-1zM47,30h1v1h-1zM48,30h1v1h-1zM50,30h1v1h-1zM52,30h1v1h-1zM53,30h1v1h-1zM54,30h1v1h-1zM55,30h1v1h-1zM56,30h1v1h-1zM4,31h1v1h-1zM6,31h1v1h-1zM8,31h1v1h-1zM12,31h1v1h-1zM14,31h1v1h-1zM15,31h1v1h-1zM16,31h1v1h-1zM17,31h1v1h-1zM18,31h1v1h-1zM19,31h1v1h-1zM24,31h1v1h-1zM25,31h1v1h-1zM26,31h1v1h-1zM28,31h1v1h-1zM32,31h1v1h-1zM34,31h1v1h-1zM37,31h1v1h-1zM39,31h1v1h-1zM42,31h1v1h-1zM45,31h1v1h-1zM47,31h1v1h-1zM48,31h1v1h-1zM52,31h1v1h-1zM53,31h1v1h-1zM55,31h1v1h-1zM7,32h1v1h-1zM8,32h1v1h-1zM9,32h1v1h-1zM10,32h1v1h-1zM11,32h1v1h-1zM12,32h1v1h-1zM14,32h1v1h-1zM15,32h1v1h-1zM16,32h1v1h-1zM17,32h1v1h-1zM19,32h1v1h-1zM20,32h1v1h-1zM22,32h1v1h-1zM24,32h1v1h-1zM25,32h1v1h-1zM27,32h1v1h-1zM28,32h1v1h-1zM29,32h1v1h-1zM30,32h1v1h-1zM31,32h1v1h-1zM32,32h1v1h-1zM36,32h1v1h-1zM37,32h1v1h-1zM38,32h1v1h-1zM39,32h1v1h-1zM44,32h1v1h-1zM45,32h1v1h-1zM46,32h1v1h-1zM48,32h1v1h-1zM49,32h1v1h-1zM50,32h1v1h-1zM51,32h1v1h-1zM52,32h1v1h-1zM53,32h1v1h-1zM54,32h1v1h-1zM55,32h1v1h-1zM56,32h1v1h-1zM4,33h1v1h-1zM5,33h1v1h-1zM9,33h1v1h-1zM11,33h1v1h-1zM14,33h1v1h-1zM17,33h1v1h-1zM19,33h1v1h-1zM24,33h1v1h-1zM25,33h1v1h-1zM27,33h1v1h-1zM29,33h1v1h-1zM32,33h1v1h-1zM34,33h1v1h-1zM37,33h1v1h-1zM39,33h1v1h-1zM40,33h1v1h-1zM42,33h1v1h-1zM45,33h1v1h-1zM47,33h1v1h-1zM48,33h1v1h-1zM49,33h1v1h-1zM50,33h1v1h-1zM54,33h1v1h-1zM55,33h1v1h-1zM9,34h1v1h-1zM10,34h1v1h-1zM11,34h1v1h-1zM15,34h1v1h-1zM16,34h1v1h-1zM17,34h1v1h-1zM19,34h1v1h-1zM20,34h1v1h-1zM22,34h1v1h-1zM25,34h1v1h-1zM30,34h1v1h-1zM31,34h1v1h-1zM32,34h1v1h-1zM34,34h1v1h-1zM36,34h1v1h-1zM37,34h1v1h-1zM38,34h1v1h-1zM39,34h1v1h-1zM42,34h1v1h-1zM44,34h1v1h-1zM45,34h1v1h-1zM46,34h1v1h-1zM47,34h1v1h-1zM49,34h1v1h-1zM50,34h1v1h-1zM51,34h1v1h-1zM52,34h1v1h-1zM53,34h1v1h-1zM55,34h1v1h-1zM4,35h1v1h-1zM6,35h1v1h-1zM9,35h1v1h-1zM11,35h1v1h-1zM12,35h1v1h-1zM13,35h1v1h-1zM17,35h1v1h-1zM18,35h1v1h-1zM19,35h1v1h-1zM24,35h1v1h-1zM25,35h1v1h-1zM26,35h1v1h-1zM27,35h1v1h-1zM31,35h1v1h-1zM33,35h1v1h-1zM38,35h1v1h-1zM39,35h1v1h-1zM41,35h1v1h-1zM46,35h1v1h-1zM47,35h1v1h-1zM49,35h1v1h-1zM50,35h1v1h-1zM52,35h1v1h-1zM53,35h1v1h-1zM55,35h1v1h-1zM56,35h1v1h-1zM4,36h1v1h-1zM7,36h1v1h-1zM9,36h1v1h-1zM10,36h1v1h-1zM12,36h1v1h-1zM13,36h1v1h-1zM14,36h1v1h-1zM16,36h1v1h-1zM17,36h1v1h-1zM20,36h1v1h-1zM22,36h1v1h-1zM23,36h1v1h-1zM24,36h1v1h-1zM25,36h1v1h-1zM30,36h1v1h-1zM31,36h1v1h-1zM32,36h1v1h-1zM33,36h1v1h-1zM34,36h1v1h-1zM36,36h1v1h-1zM39,36h1v1h-1zM41,36h1v1h-1zM42,36h1v1h-1zM44,36h1v1h-1zM50,36h1v1h-1zM52,36h1v1h-1zM55,36h1v1h-1zM4,37h1v1h-1zM6,37h1v1h-1zM7,37h1v1h-1zM8,37h1v1h-1zM13,37h1v1h-1zM14,37h1v1h-1zM17,37h1v1h-1zM20,37h1v1h-1zM23,37h1v1h-1zM25,37h1v1h-1zM27,37h1v1h-1zM31,37h1v1h-1zM33,37h1v1h-1zM38,37h1v1h-1zM39,37h1v1h-1zM40,37h1v1h-1zM41,37h1v1h-1zM46,37h1v1h-1zM47,37h1v1h-1zM52,37h1v1h-1zM54,37h1v1h-1zM56,37h1v1h-1zM6,38h1v1h-1zM7,38h1v1h-1zM9,38h1v1h-1zM10,38h1v1h-1zM11,38h1v1h-1zM12,38h1v1h-1zM13,38h1v1h-1zM14,38h1v1h-1zM15,38h1v1h-1zM16,38h1v1h-1zM18,38h1v1h-1zM21,38h1v1h-1zM23,38h1v1h-1zM24,38h1v1h-1zM26,38h1v1h-1zM30,38h1v1h-1zM31,38h1v1h-1zM32,38h1v1h-1zM33,38h1v1h-1zM34,38h1v1h-1zM36,38h1v1h-1zM38,38h1v1h-1zM39,38h1v1h-1zM41,38h1v1h-1zM42,38h1v1h-1zM44,38h1v1h-1zM46,38h1v1h-1zM48,38h1v1h-1zM50,38h1v1h-1zM55,38h1v1h-1zM56,38h1v1h-1zM4,39h1v1h-1zM5,39h1v1h-1zM6,39h1v1h-1zM8,39h1v1h-1zM9,39h1v1h-1zM12,39h1v1h-1zM14,39h1v1h-1zM20,39h1v1h-1zM21,39h1v1h-1zM22,39h1v1h-1zM23,39h1v1h-1zM27,39h1v1h-1zM31,39h1v1h-1zM33,39h1v1h-1zM35,39h1v1h-1zM38,39h1v1h-1zM41,39h1v1h-1zM43,39h1v1h-1zM46,39h1v1h-1zM48,39h1v1h-1zM52,39h1v1h-1zM54,39h1v1h-1zM55,39h1v1h-1zM4,40h1v1h-1zM9,40h1v1h-1zM10,40h1v1h-1zM11,40h1v1h-1zM12,40h1v1h-1zM15,40h1v1h-1zM16,40h1v1h-1zM18,40h1v1h-1zM20,40h1v1h-1zM21,40h1v1h-1zM23,40h1v1h-1zM24,40h1v1h-1zM26,40h1v1h-1zM28,40h1v1h-1zM30,40h1v1h-1zM31,40h1v1h-1zM32,40h1v1h-1zM33,40h1v1h-1zM34,40h1v1h-1zM35,40h1v1h-1zM40,40h1v1h-1zM41,40h1v1h-1zM42,40h1v1h-1zM43,40h1v1h-1zM54,40h1v1h-1zM5,41h1v1h-1zM6,41h1v1h-1zM9,41h1v1h-1zM11,41h1v1h-1zM12,41h1v1h-1zM15,41h1v1h-1zM20,41h1v1h-1zM21,41h1v1h-1zM23,41h1v1h-1zM27,41h1v1h-1zM28,41h1v1h-1zM31,41h1v1h-1zM33,41h1v1h-1zM35,41h1v1h-1zM36,41h1v1h-1zM38,41h1v1h-1zM41,41h1v1h-1zM43,41h1v1h-1zM44,41h1v1h-1zM46,41h1v1h-1zM47,41h1v1h-1zM54,41h1v1h-1zM4,42h1v1h-1zM10,42h1v1h-1zM11,42h1v1h-1zM13,42h1v1h-1zM14,42h1v1h-1zM18,42h1v1h-1zM21,42h1v1h-1zM23,42h1v1h-1zM24,42h1v1h-1zM26,42h1v1h-1zM27,42h1v1h-1zM28,42h1v1h-1zM29,42h1v1h-1zM32,42h1v1h-1zM33,42h1v1h-1zM34,42h1v1h-1zM35,42h1v1h-1zM38,42h1v1h-1zM40,42h1v1h-1zM41,42h1v1h-1zM42,42h1v1h-1zM43,42h1v1h-1zM46,42h1v1h-1zM48,42h1v1h-1zM49,42h1v1h-1zM50,42h1v1h-1zM51,42h1v1h-1zM52,42h1v1h-1zM53,42h1v1h-1zM56,42h1v1h-1zM4,43h1v1h-1zM6,43h1v1h-1zM9,43h1v1h-1zM11,43h1v1h-1zM12,43h1v1h-1zM20,43h1v1h-1zM21,43h1v1h-1zM22,43h1v1h-1zM23,43h1v1h-1zM28,43h1v1h-1zM29,43h1v1h-1zM30,43h1v1h-1zM32,43h1v1h-1zM34,43h1v1h-1zM35,43h1v1h-1zM37,43h1v1h-1zM42,43h1v1h-1zM43,43h1v1h-1zM45,43h1v1h-1zM47,43h1v1h-1zM48,43h1v1h-1zM49,43h1v1h-1zM50,43h1v1h-1zM51,43h1v1h-1zM5,44h1v1h-1zM6,44h1v1h-1zM7,44h1v1h-1zM9,44h1v1h-1zM10,44h1v1h-1zM11,44h1v1h-1zM12,44h1v1h-1zM16,44h1v1h-1zM18,44h1v1h-1zM19,44h1v1h-1zM20,44h1v1h-1zM21,44h1v1h-1zM24,44h1v1h-1zM26,44h1v1h-1zM27,44h1v1h-1zM28,44h1v1h-1zM29,44h1v1h-1zM35,44h1v1h-1zM37,44h1v1h-1zM38,44h1v1h-1zM40,44h1v1h-1zM43,44h1v1h-1zM45,44h1v1h-1zM46,44h1v1h-1zM47,44h1v1h-1zM48,44h1v1h-1zM49,44h1v1h-1zM51,44h1v1h-1zM52,44h1v1h-1zM56,44h1v1h-1zM4,45h1v1h-1zM7,45h1v1h-1zM8,45h1v1h-1zM9,45h1v1h-1zM15,45h1v1h-1zM16,45h1v1h-1zM19,45h1v1h-1zM21,45h1v1h-1zM24,45h1v1h-1zM27,45h1v1h-1zM28,45h1v1h-1zM29,45h1v1h-1zM32,45h1v1h-1zM34,45h1v1h-1zM35,45h1v1h-1zM36,45h1v1h-1zM37,45h1v1h-1zM42,45h1v1h-1zM43,45h1v1h-1zM44,45h1v1h-1zM45,45h1v1h-1zM48,45h1v1h-1zM49,45h1v1h-1zM50,45h1v1h-1zM51,45h1v1h-1zM53,45h1v1h-1zM55,45h1v1h-1zM56,45h1v1h-1zM4,46h1v1h-1zM5,46h1v1h-1zM7,46h1v1h-1zM8,46h1v1h-1zM9,46h1v1h-1zM10,46h1v1h-1zM11,46h1v1h-1zM12,46h1v1h-1zM14,46h1v1h-1zM18,46h1v1h-1zM19,46h1v1h-1zM20,46h1v1h-1zM22,46h1v1h-1zM25,46h1v1h-1zM27,46h1v1h-1zM28,46h1v1h-1zM29,46h1v1h-1zM32,46h1v1h-1zM34,46h1v1h-1zM35,46h1v1h-1zM37,46h1v1h-1zM38,46h1v1h-1zM40,46h1v1h-1zM42,46h1v1h-1zM43,46h1v1h-1zM45,46h1v1h-1zM46,46h1v1h-1zM47,46h1v1h-1zM48,46h1v1h-1zM49,46h1v1h-1zM51,46h1v1h-1zM52,46h1v1h-1zM53,46h1v1h-1zM54,46h1v1h-1zM55,46h1v1h-1zM56,46h1v1h-1zM5,47h1v1h-1zM6,47h1v1h-1zM11,47h1v1h-1zM12,47h1v1h-1zM13,47h1v1h-1zM16,47h1v1h-1zM19,47h1v1h-1zM24,47h1v1h-1zM25,47h1v1h-1zM26,47h1v1h-1zM28,47h1v1h-1zM29,47h1v1h-1zM30,47h1v1h-1zM32,47h1v1h-1zM34,47h1v1h-1zM37,47h1v1h-1zM39,47h1v1h-1zM42,47h1v1h-1zM45,47h1v1h-1zM48,47h1v1h-1zM49,47h1v1h-1zM51,47h1v1h-1zM53,47h1v1h-1zM55,47h1v1h-1zM7,48h1v1h-1zM10,48h1v1h-1zM14,48h1v1h-1zM15,48h1v1h-1zM19,48h1v1h-1zM20,48h1v1h-1zM22,48h1v1h-1zM24,48h1v1h-1zM25,48h1v1h-1zM27,48h1v1h-1zM28,48h1v1h-1zM29,48h1v1h-1zM30,48h1v1h-1zM31,48h1v1h-1zM32,48h1v1h-1zM36,48h1v1h-1zM37,48h1v1h-1zM38,48h1v1h-1zM39,48h1v1h-1zM44,48h1v1h-1zM45,48h1v1h-1zM46,48h1v1h-1zM48,48h1v1h-1zM49,48h1v1h-1zM50,48h1v1h-1zM51,48h1v1h-1zM52,48h1v1h-1zM53,48h1v1h-1zM54,48h1v1h-1zM12,49h1v1h-1zM14,49h1v1h-1zM15,49h1v1h-1zM17,49h1v1h-1zM19,49h1v1h-1zM24,49h1v1h-1zM25,49h1v1h-1zM28,49h1v1h-1zM32,49h1v1h-1zM34,49h1v1h-1zM37,49h1v1h-1zM39,49h1v1h-1zM40,49h1v1h-1zM42,49h1v1h-1zM45,49h1v1h-1zM47,49h1v1h-1zM48,49h1v1h-1zM52,49h1v1h-1zM55,49h1v1h-1zM4,50h1v1h-1zM5,50h1v1h-1zM6,50h1v1h-1zM7,50h1v1h-1zM8,50h1v1h-1zM9,50h1v1h-1zM10,50h1v1h-1zM12,50h1v1h-1zM13,50h1v1h-1zM14,50h1v1h-1zM16,50h1v1h-1zM19,50h1v1h-1zM20,50h1v1h-1zM22,50h1v1h-1zM25,50h1v1h-1zM28,50h1v1h-1zM30,50h1v1h-1zM32,50h1v1h-1zM34,50h1v1h-1zM36,50h1v1h-1zM37,50h1v1h-1zM38,50h1v1h-1zM39,50h1v1h-1zM42,50h1v1h-1zM44,50h1v1h-1zM45,50h1v1h-1zM46,50h1v1h-1zM47,50h1v1h-1zM48,50h1v1h-1zM50,50h1v1h-1zM52,50h1v1h-1zM53,50h1v1h-1zM54,50h1v1h-1zM55,50h1v1h-1zM4,51h1v1h-1zM10,51h1v1h-1zM12,51h1v1h-1zM13,51h1v1h-1zM14,51h1v1h-1zM15,51h1v1h-1zM16,51h1v1h-1zM19,51h1v1h-1zM24,51h1v1h-1zM25,51h1v1h-1zM26,51h1v1h-1zM27,51h1v1h-1zM28,51h1v1h-1zM32,51h1v1h-1zM33,51h1v1h-1zM38,51h1v1h-1zM39,51h1v1h-1zM41,51h1v1h-1zM46,51h1v1h-1zM48,51h1v1h-1zM52,51h1v1h-1zM55,51h1v1h-1zM56,51h1v1h-1zM4,52h1v1h-1zM6,52h1v1h-1zM7,52h1v1h-1zM8,52h1v1h-1zM10,52h1v1h-1zM12,52h1v1h-1zM13,52h1v1h-1zM17,52h1v1h-1zM18,52h1v1h-1zM20,52h1v1h-1zM22,52h1v1h-1zM23,52h1v1h-1zM24,52h1v1h-1zM25,52h1v1h-1zM28,52h1v1h-1zM29,52h1v1h-1zM30,52h1v1h-1zM31,52h1v1h-1zM32,52h1v1h-1zM33,52h1v1h-1zM34,52h1v1h-1zM36,52h1v1h-1zM39,52h1v1h-1zM41,52h1v1h-1zM42,52h1v1h-1zM44,52h1v1h-1zM48,52h1v1h-1zM49,52h1v1h-1zM50,52h1v1h-1zM51,52h1v1h-1zM52,52h1v1h-1zM53,52h1v1h-1zM55,52h1v1h-1zM4,53h1v1h-1zM6,53h1v1h-1zM7,53h1v1h-1zM8,53h1v1h-1zM10,53h1v1h-1zM14,53h1v1h-1zM15,53h1v1h-1zM16,53h1v1h-1zM17,53h1v1h-1zM18,53h1v1h-1zM20,53h1v1h-1zM23,53h1v1h-1zM25,53h1v1h-1zM30,53h1v1h-1zM31,53h1v1h-1zM32,53h1v1h-1zM33,53h1v1h-1zM38,53h1v1h-1zM39,53h1v1h-1zM40,53h1v1h-1zM41,53h1v1h-1zM46,53h1v1h-1zM50,53h1v1h-1zM51,53h1v1h-1zM52,53h1v1h-1zM54,53h1v1h-1zM4,54h1v1h-1zM6,54h1v1h-1zM7,54h1v1h-1zM8,54h1v1h-1zM10,54h1v1h-1zM12,54h1v1h-1zM13,54h1v1h-1zM14,54h1v1h-1zM16,54h1v1h-1zM21,54h1v1h-1zM23,54h1v1h-1zM24,54h1v1h-1zM26,54h1v1h-1zM28,54h1v1h-1zM30,54h1v1h-1zM31,54h1v1h-1zM33,54h1v1h-1zM34,54h1v1h-1zM36,54h1v1h-1zM38,54h1v1h-1zM39,54h1v1h-1zM41,54h1v1h-1zM42,54h1v1h-1zM44,54h1v1h-1zM46,54h1v1h-1zM48,54h1v1h-1zM51,54h1v1h-1zM52,54h1v1h-1zM56,54h1v1h-1zM4,55h1v1h-1zM10,55h1v1h-1zM12,55h1v1h-1zM14,55h1v1h-1zM15,55h1v1h-1zM16,55h1v1h-1zM20,55h1v1h-1zM21,55h1v1h-1zM22,55h1v1h-1zM23,55h1v1h-1zM29,55h1v1h-1zM33,55h1v1h-1zM35,55h1v1h-1zM38,55h1v1h-1zM41,55h1v1h-1zM43,55h1v1h-1zM46,55h1v1h-1zM51,55h1v1h-1zM54,55h1v1h-1zM55,55h1v1h-1zM4,56h1v1h-1zM5,56h1v1h-1zM6,56h1v1h-1zM7,56h1v1h-1zM8,56h1v1h-1zM9,56h1v1h-1zM10,56h1v1h-1zM12,56h1v1h-1zM13,56h1v1h-1zM14,56h1v1h-1zM15,56h1v1h-1zM16,56h1v1h-1zM17,56h1v1h-1zM18,56h1v1h-1zM20,56h1v1h-1zM21,56h1v1h-1zM23,56h1v1h-1zM24,56h1v1h-1zM26,56h1v1h-1zM28,56h1v1h-1zM29,56h1v1h-1zM30,56h1v1h-1zM32,56h1v1h-1zM33,56h1v1h-1zM34,56h1v1h-1zM35,56h1v1h-1zM40,56h1v1h-1zM41,56h1v1h-1zM42,56h1v1h-1zM43,56h1v1h-1zM48,56h1v1h-1zM49,56h1v1h-1zM54,56h1v1h-1zM55,56h1v1h-1zM56,56h1v1h-1z\" fill=\"#142d50\"></path></svg><span>Your receiving address</span><strong class=\"receiving-coordinate\">example</strong></div><p class=\"body-copy small-copy receive-hint\">Opens your address in the bank’s Send flow.</p><label class=\"form-field\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span>Request amount (optional)</span><div class=\"amount-input large\"><span class=\"amount-prefix\">$</span><input inputmode=\"decimal\" autocomplete=\"off\" placeholder=\"0.00\" aria-label=\"Request amount (optional)\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"></div></label><button class=\"primary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Share payment link\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-share2\"><circle cx=\"18\" cy=\"5\" r=\"3\"></circle><circle cx=\"6\" cy=\"12\" r=\"3\"></circle><circle cx=\"18\" cy=\"19\" r=\"3\"></circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"></line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"></line></svg>Share payment link</button><div class=\"dual-actions\"><button class=\"secondary-button\" aria-label=\"Copy Receiz ID\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy Receiz ID\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy Receiz ID</button><button class=\"secondary-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Set up NFC tag\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-radio\"><path d=\"M4.9 19.1C1 15.2 1 8.8 4.9 4.9\"></path><path d=\"M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5\"></path><circle cx=\"12\" cy=\"12\" r=\"2\"></circle><path d=\"M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5\"></path><path d=\"M19.1 4.9C23 8.8 23 15.1 19.1 19\"></path></svg>Set up NFC tag</button></div><div class=\"receive-payment-link\"><span>Your payment link</span><div><a class=\"payment-link\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"bankeiz.com/?to=example\">bankeiz.com/?to=example</a><button type=\"button\" class=\"icon-button receive-link-copy\" aria-label=\"Copy payment link\" data-copied=\"false\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment link\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:16px;height:16px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button></div></div><details class=\"payment-tools\"><summary><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-earth\"><path d=\"M21.54 15H17a2 2 0 0 0-2 2v4.54\"></path><path d=\"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17\"></path><path d=\"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05\"></path><circle cx=\"12\" cy=\"12\" r=\"10\"></circle></svg>Accept payments anywhere</span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-down\"><path d=\"m6 9 6 6 6-6\"></path></svg></summary><div class=\"payment-tools-content\"><p class=\"body-copy small-copy\">Share your link. Add a payment button. Or put checkout on your website.</p><div class=\"segmented\" aria-label=\"Website integration\"><button type=\"button\" aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"receive\">Payment button</button><button type=\"button\" aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"receive-embedded\">Embedded checkout</button></div><p class=\"payment-tools-caption\">Paste into an HTML block on your website. Customers pay directly with a card, balance or any supported Note. No signup step.</p><div class=\"payment-button-preview\"><a href=\"https://example.invalid/\" rel=\"noopener noreferrer\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Pay @example\">Pay @example<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div><label class=\"payment-tools-code\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-code-xml\"><path d=\"m18 16 4-4-4-4\"></path><path d=\"m6 8-4 4 4 4\"></path><path d=\"m14.5 4-5 16\"></path></svg>Your payment button</span><textarea aria-label=\"Payment button code\" readonly=\"\" rows=\"4\" spellcheck=\"false\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><a href=\"https://bankeiz.com/pay/example/\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:12px;background:#172b45;color:#fff;font:600 16px/1.4 system-ui,sans-serif;text-decoration:none\">Pay @example</a></textarea></label><button type=\"button\" class=\"secondary-button\" aria-label=\"Copy payment button code\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy payment button code\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:17px;height:17px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span>Copy code</button><details class=\"payment-tools-methods\"><summary>Payment methods</summary><p>Your Bankeiz button supports Reserve, Settlement and Settlement Reserve Notes through Pay with a Note. The payer approves one payment. Selected Notes confirm their credit before that payment continues. The original proof and funding composition stay connected. Receiz’s embedded widget is a separate card checkout with legacy Wallet Note compatibility.</p></details><a class=\"payment-tools-guide\" href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Setup and developer guide\">Setup and developer guide<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a></div></details><div class=\"note-box\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg><p>Scanning or tapping opens your selected payment page. The payer reviews and approves the recipient and amount.</p></div></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"Share your receiving ID, QR or payment link so someone can pay you directly."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"record\" data-source-components=\"ConsoleShell,Sheet,LedgerInspector\" data-example-view=\"record\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-record-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9500 to 9500\"><defs><linearGradient id=\"product-example-destination-record-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-record-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-record-_R_j9_\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable record example\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-record-_R_j9_\">Transaction details</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"ledger-inspector\" aria-label=\"Record details: Payment from Leah\"><div class=\"ledger-inspector-heading\"><div><span>Activity record</span><h3>Payment from Leah</h3></div><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-file-text\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"></path><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"></path><path d=\"M10 9H8\"></path><path d=\"M16 13H8\"></path><path d=\"M16 17H8\"></path></svg></div><p class=\"ledger-inspector-description\">Package deposit · Example payment</p><div class=\"ledger-inspector-values\"><div><span>Recorded amount</span><span class=\"ledger-value \" title=\"Recorded amount\"><strong>$900.00</strong><small class=\"ledger-value-basis\">Recorded amount</small></span></div></div><section class=\"ledger-public-note\"><h4>Payment memo</h4><p>Package deposit</p></section><div class=\"ledger-inspector-grid\"><section><h4>The record</h4><dl class=\"ledger-field-tree\"><div><dt>Reference</dt><dd><span>example-leah-deposit</span></dd></div><div><dt>Activity</dt><dd><span>payment</span></dd></div><div><dt>Source</dt><dd><span>wallet</span></dd></div><div><dt>Recorded At</dt><dd><span>2026-10-20T12:00:00Z</span></dd></div><div><dt>☤KAI</dt><dd><span>120</span></dd></div><div><dt>☤µKAI</dt><dd><span>120000000</span></dd></div><div><dt>Public Identity</dt><dd><span>Example account</span></dd></div><div><dt>From</dt><dd><span>Leah · Example</span></dd></div><div><dt>To</dt><dd><span>Example account</span></dd></div></dl></section><section><h4>Value inputs</h4><dl class=\"ledger-field-tree\"><div><dt>Phi · exact micro-units</dt><dd><span>45000000</span></dd></div><div><dt>USD rate · exact microcents / Phi</dt><dd><span>2000000000</span></dd></div><div><dt>Reserve component · cents</dt><dd><span>90000</span></dd></div><div><dt>Settlement component · cents</dt><dd><span>0</span></dd></div></dl></section></div><details class=\"ledger-technical\"><summary>Technical proof details <span>v129.0.0</span></summary><p>Exact source fields and display calculations. Hash references identify evidence; they do not replace verification of the enclosing original.</p><dl class=\"ledger-field-tree\"><div><dt>Sdk</dt><dd><span>129.0.0</span></dd></div><div><dt>Authority</dt><dd><span>account-source-projection</span></dd></div><div><dt>Amount Unit</dt><dd><span>USD cents · integer</span></dd></div><div><dt>Phi Unit</dt><dd><span>Phi micro-units · 10⁻⁶ Phi</span></dd></div><div><dt>Rate Unit</dt><dd><span>USD microcents per Phi · 10⁻⁸ USD/Phi</span></dd></div><div><dt>Event Coordinate Precision</dt><dd><span>Exact carried micro-pulse</span></dd></div><div><dt>Quoted Cents Numerator</dt><dd><span>90000000000000000</span></dd></div><div><dt>Quoted Cents Denominator</dt><dd><span>1000000000000</span></dd></div><div><dt>Quote Formula</dt><dd><span>amountPhiMicro × usdPerPhiMicrocents / 10¹² = cents before rounding</span></dd></div></dl><section class=\"ledger-proof-details\" aria-label=\"Independent offline proof verification\"><h4>Independent verification</h4><p>This activity feed carries source fields and hash references. Its original proof has not been opened here; inspect the original source for its carried proof data.</p><div class=\"ledger-proof-actions\"><button tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Check carried evidence\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-shield-check\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg> Check carried evidence</button><button tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Download offline evidence\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg>Download offline evidence</button></div><p>The download includes a self-contained verifier, full verifier source, public keys and local browser/Node instructions. Once downloaded, verification requires no login or service connection. Missing original material stays explicit.</p></section><details class=\"ledger-exact-json\"><summary>Exact selected record · JSON</summary><pre>{\n \"schema\": \"bankeiz.ledger-inspection.v1\",\n \"authority\": \"account-source-projection\",\n \"id\": \"example-leah-deposit\",\n \"source\": \"wallet\",\n \"kind\": \"payment\",\n \"title\": \"Payment from Leah\",\n \"detail\": \"Package deposit · Example payment\",\n \"time\": \"2026-10-20T12:00:00Z\",\n \"pulse\": \"120\",\n \"kaiUpulse\": \"120000000\",\n \"actor\": \"Example account\",\n \"sender\": \"Leah · Example\",\n \"recipient\": \"Example account\",\n \"amountUsdCents\": \"90000\",\n \"value\": {\n \"amountUsdCents\": \"90000\",\n \"basis\": \"payment\",\n \"pulse\": null,\n \"considerationUsdCents\": null\n },\n \"valueOperands\": {\n \"amountPhiMicro\": \"45000000\",\n \"usdPerPhiMicrocents\": \"2000000000\",\n \"settledUsdCents\": \"90000\",\n \"phiUsdCents\": \"0\"\n },\n \"evidence\": {},\n \"details\": {\n \"publicNote\": \"Package deposit\"\n },\n \"sourceUrl\": null,\n \"valuation\": null,\n \"fundingTrace\": {\n \"basis\": \"wallet-components\",\n \"boundary\": \"origins-not-carried\",\n \"valueOrigins\": [],\n \"sources\": [],\n \"steps\": [],\n \"components\": [\n {\n \"rail\": \"reserve\",\n \"amountUsdCents\": \"90000\"\n }\n ]\n }\n}</pre></details></details><div class=\"ledger-inspector-links\"><a href=\"https://example.invalid/\" aria-label=\"Open full receipt\" tabindex=\"0\" data-example-action=\"record\" data-example-feedback=\"Open full receipt\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-link2\"><path d=\"M9 17H7A5 5 0 0 1 7 7h2\"></path><path d=\"M15 7h2a5 5 0 1 1 0 10h-2\"></path><line x1=\"8\" x2=\"16\" y1=\"12\" y2=\"12\"></line></svg>Receipt<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Valuation rules\">Valuation rules<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg></a><button aria-label=\"Copy record details\" title=\"Copy details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Copy record details\"><span class=\"copy-feedback-mark\" data-copied=\"false\" aria-hidden=\"true\" style=\"width:14px;height:14px\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-copy\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path></svg></span></button><button aria-label=\"Download record details\" title=\"Download details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Download record details\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" x2=\"12\" y1=\"15\" y2=\"3\"></line></svg></button></div><p class=\"ledger-inspector-note\">Selected account record. The original proof determines which claims can be independently verified. This record does not establish an available balance.</p><p class=\"ledger-inspector-status\" role=\"status\"></p></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div>","copy":"See who paid whom, how much and what the payment was for."},{"html":"<link rel=\"preload\" as=\"image\" href=\"/art/create-sound-trace.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/create-original-frame-320.webp\" referrerpolicy=\"no-referrer\"><link rel=\"preload\" as=\"image\" href=\"/art/proof-cooperative-384.webp\" referrerpolicy=\"no-referrer\"><div class=\"product-screen\" data-product-example=\"messages\" data-source-components=\"ConsoleShell,Sheet,MessageComposer,TypingBubble,PaymentMessage\" data-example-view=\"messages\"><div class=\"product-example-label\">Actual interface · Example data</div><div class=\"product-screen-window\"><div class=\"console\"><header class=\"app-header\"><button class=\"bank-home-mark\" aria-label=\"Bankeiz home\" tabindex=\"0\" data-example-action=\"account\"><svg viewBox=\"112 112 288 288\" fill=\"currentColor\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M256 117 379 184v17H133v-17l123-67Zm0 26-75 40h150l-75-40Z\" fill-rule=\"evenodd\"></path>\n <rect x=\"146\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"210\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"274\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"338\" y=\"215\" width=\"28\" height=\"110\" rx=\"2\"></rect>\n <rect x=\"133\" y=\"337\" width=\"246\" height=\"18\" rx=\"2\"></rect>\n <rect x=\"119\" y=\"367\" width=\"274\" height=\"18\" rx=\"3\"></rect></svg></button><div class=\"kai-klok\" data-kai-boundary=\"none\" data-kai-visible=\"false\" style=\"--kai-phase:#527B6A;--kai-day:#9D874D;--kai-month:#50748D\"><button class=\"kai-header-button\" aria-label=\"Explain this Kai moment\" aria-description=\"23:09:08, day 3, month 5, year 2, eternal KAI 14,738,933\" aria-expanded=\"false\" aria-haspopup=\"dialog\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Explain this Kai moment\"><span class=\"kai-header-coordinate\"><strong>23:09:08</strong><span class=\"kai-date\"><span class=\"kai-date-day\">D3</span><i>/</i><span class=\"kai-date-month\">M5</span><i>/</i><span>Y2</span></span></span><span class=\"kai-header-meta\"><span class=\"kai-header-pulse\">☤ 14,738,933</span></span><span class=\"kai-header-accent\" aria-hidden=\"true\"></span></button></div><div class=\"header-tools\"><button class=\"message-entry\" aria-label=\"Open your agent and messages\" tabindex=\"0\" data-example-action=\"messages\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21\" height=\"21\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.65\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-message-circle\"><path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"></path></svg></button><button class=\"avatar\" aria-label=\"Account settings\" tabindex=\"0\" data-example-action=\"identity\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>EX</span></span></button></div></header><main class=\"main-panel\" id=\"product-example-destination-messages-main-content\"><div class=\"account-layout live-account\"><section class=\"account-primary\"><button class=\"balance-display\" aria-label=\"View balance details\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"View balance details\"><span class=\"balance-label\">Balance</span><span class=\"balance-amount\">$9,500.00</span></button><div class=\"balance-chart-panel\"><div class=\"chart-period-change muted\"><strong>→ $0.00 (0.00%)</strong><span>Available history</span></div><div class=\"value-chart blue\"><svg viewBox=\"0 0 320 124\" preserveAspectRatio=\"none\" role=\"img\" tabindex=\"0\" data-range-start=\"1792324800000\" data-range-end=\"1792497600000\" aria-label=\"Balance in dollars · All history, from 9500 to 9500\"><defs><linearGradient id=\"product-example-destination-messages-_R_4db9_\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"currentColor\" stop-opacity=\".19\"></stop><stop offset=\"100%\" stop-color=\"currentColor\" stop-opacity=\".015\"></stop></linearGradient></defs><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62 L308,124 L12,124 Z\" fill=\"url(#product-example-destination-messages-_R_4db9_)\"></path><path d=\"M12,62 C86,62 86,62 160,62 C234,62 234,62 308,62\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"></path><circle cx=\"308\" cy=\"62\" r=\"3.3\" fill=\"currentColor\"></circle></svg></div><div class=\"periods\" aria-label=\"Chart period\"><button aria-pressed=\"true\" class=\"active\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"All\">All</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1D\">1D</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1W\">1W</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1M\">1M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"3M\">3M</button><button aria-pressed=\"false\" class=\"\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"1Y\">1Y</button></div><div class=\"chart-date-range\"><span>Oct 18, 2026</span><span>Oct 20, 2026</span></div></div><div class=\"money-actions\"><button class=\"send-action\" tabindex=\"0\" data-example-action=\"send\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg><span>Send</span></button><button tabindex=\"0\" data-example-action=\"receive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"29\" height=\"29\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-down\"><path d=\"M12 5v14\"></path><path d=\"m19 12-7 7-7-7\"></path></svg><span>Receive</span></button></div><button class=\"growth-panel account-investment-total\" aria-label=\"View investments\" tabindex=\"0\" data-example-action=\"assets\"><span class=\"account-investment-total-copy\"><span class=\"muted\">Investments</span><strong>$1,000.00</strong><small class=\"muted\">Invested $910.00</small></span><span class=\"settlement-day-change positive\" title=\"Unrealized return on currently held investments\"><strong>↗ +9.89%</strong><small>+$90.00 · Total return</small></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"text-button\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Refresh balance\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-refresh-cw\"><path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path><path d=\"M8 16H3v5\"></path></svg>Refresh balance</button></section><div class=\"account-secondary\"><section class=\"account-assets-summary\"><div class=\"section-heading\"><h2>Your assets</h2><button tabindex=\"0\" data-example-action=\"assets\">View all</button></div><h3 class=\"account-asset-group-label\">Investments</h3><div class=\"rows-surface\"><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"An original recording\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-sound-trace.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>An original recording</strong><span>2 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$500.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+11.11%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"A field guide\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/create-original-frame-320.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>A field guide</strong><span>4 shares</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$180.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+12.5%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row account-investment-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"asset-mark market-object-artwork\"><img src=\"/art/proof-cooperative-384.webp\" alt=\"\" loading=\"eager\" decoding=\"async\" referrerpolicy=\"no-referrer\"></span><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>1 share</span></span><span class=\"account-investment-value\"><strong aria-label=\"Current holding value\">$320.00</strong><span title=\"Change since purchase\" class=\"positive\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up-right\"><path d=\"M7 7h10v10\"></path><path d=\"M7 17 17 7\"></path></svg>+6.66%</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><h3 class=\"account-asset-group-label account-showcase-label\">Public showcase</h3><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Wheat harvest · 1,000 kg\"><span class=\"row-copy\"><strong>Wheat harvest · 1,000 kg</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Workshop equipment\"><span class=\"row-copy\"><strong>Workshop equipment</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Original sneakers\"><span class=\"row-copy\"><strong>Original sneakers</strong><span>Public showcase</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section><section><div class=\"section-heading\"><h2>Recent activity</h2><button class=\"subtle-link\" aria-label=\"View all activity\" tabindex=\"0\" data-example-action=\"ledger\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div><div class=\"rows-surface\"><button class=\"asset-row\" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"row-copy\"><strong>Your history</strong><span>Your transactions and receipts</span></span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chevron-right\"><path d=\"m9 18 6-6-6-6\"></path></svg></button></div></section></div></div><dialog open=\"\" class=\"sheet\" aria-labelledby=\"product-example-destination-messages-_R_j9_\"><div class=\"sheet-header\"><h2 id=\"product-example-destination-messages-_R_j9_\">Your agent</h2><button class=\"icon-button\" aria-label=\"Close\" tabindex=\"0\" data-example-action=\"account\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-x\"><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\"></path></svg></button></div><div class=\"sheet-body\"><section class=\"bank-messaging\" data-example-scenario=\"action-followthrough\"><nav class=\"bank-messaging-nav\"><button class=\"active\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Your agent</button><button inert=\"\" tabindex=\"-1\" aria-disabled=\"true\">Messages</button></nav><div class=\"bank-conversation-scroll\" data-example-scroll=\"\" tabindex=\"0\" aria-label=\"Scrollable messages example\"><div class=\"bank-thread-messages\"><div class=\"bank-message-own\"><p>Leah’s deposit arrived. What do I need for Thursday?</p></div><div data-example-response=\"true\" data-example-answer=\"Her confirmed $900 payment is connected to the $3,600 package. $2,700 remains under the agreed terms. Thursday’s appointment includes her original question about the launch timeline, so you can start there.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Her confirmed $900 payment is connected to the $3,600 package. $2,700 remains under the agreed terms. Thursday’s appointment includes her original question about the launch timeline, so you can start there.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div><div class=\"bank-message-own\" data-example-followup=\"true\"><p>Put the money and what she asked in one briefing.</p></div><div data-example-response=\"true\" data-example-followup=\"true\" data-example-answer=\"Briefing: Leah · Thursday, 10. Package $3,600; deposit $900 received; remainder $2,700. Her priority is the launch timeline. I can prepare the briefing from the conversation, appointment and payment record together.\"><div class=\"bank-message-other bank-message-stream\" aria-label=\"Your agent is responding\"><span class=\"bank-message-sender\"><span class=\"profile-avatar \" aria-hidden=\"true\"><span>YA</span></span><span>Your agent</span></span><p>Briefing: Leah · Thursday, 10. Package $3,600; deposit $900 received; remainder $2,700. Her priority is the launch timeline. I can prepare the briefing from the conversation, appointment and payment record together.<span class=\"bank-stream-cursor\" aria-hidden=\"true\"></span></p></div></div></div></div><form class=\"bank-message-composer\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><input aria-label=\"Ask about your money…\" placeholder=\"Ask about your money…\" maxlength=\"16000\" value=\"\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><button type=\"submit\" disabled=\"\" aria-label=\"Ask your agent\" inert=\"\" tabindex=\"-1\" aria-disabled=\"true\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-arrow-up\"><path d=\"m5 12 7-7 7 7\"></path><path d=\"M12 19V5\"></path></svg></button></form></section></div></dialog><p class=\"bank-signature\"><a href=\"https://example.invalid/\" tabindex=\"0\" data-example-action=\"explain\" data-example-feedback=\"Reality-grade banking\">Reality-grade banking</a></p></main><nav class=\"bottom-nav\" aria-label=\"Main navigation\"><button class=\"nav-item selected \" aria-current=\"page\" tabindex=\"0\" data-example-action=\"account\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-house\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"></path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"></path></svg></span><span>Account</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"market\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-chart-no-axes-column-increasing\"><line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\"></line><line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\"></line><line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\"></line></svg></span><span>Market</span></button><button class=\"nav-item nav-deposit\" tabindex=\"0\" data-example-action=\"deposit\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-plus\"><path d=\"M5 12h14\"></path><path d=\"M12 5v14\"></path></svg></span><span>Add</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"assets\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-layers\"><path d=\"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\"></path><path d=\"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\"></path><path d=\"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\"></path></svg></span><span>Assets</span></button><button class=\"nav-item \" tabindex=\"0\" data-example-action=\"ledger\"><span class=\"nav-icon\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-notebook-text\"><path d=\"M2 6h4\"></path><path d=\"M2 10h4\"></path><path d=\"M2 14h4\"></path><path d=\"M2 18h4\"></path><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\"></rect><path d=\"M9.5 8h5\"></path><path d=\"M9.5 12H16\"></path><path d=\"M9.5 16H14\"></path></svg></span><span>Ledger</span></button></nav></div></div></div><details class=\"product-transcript\"><summary>Read the conversation</summary><div><p><strong>You</strong>Leah’s deposit arrived. What do I need for Thursday?</p><p><strong>Your agent</strong>Her confirmed $900 payment is connected to the $3,600 package. $2,700 remains under the agreed terms. Thursday’s appointment includes her original question about the launch timeline, so you can start there.</p><p><strong>You</strong>Put the money and what she asked in one briefing.</p><p><strong>Your agent</strong>Briefing: Leah · Thursday, 10. Package $3,600; deposit $900 received; remainder $2,700. Her priority is the launch timeline. I can prepare the briefing from the conversation, appointment and payment record together.</p></div></details>","copy":"Ask about your money in context. These animated replies are a scripted example."}]
