{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"AMLOK","description":"AMLOK documentation, integration guides, data model, and API reference.","colors":{"primary":"#052698","light":"#2567FF","dark":"#1239B0"},"logo":{"light":"https://mintcdn.com/amlok-docs/vYb5LH-5AUaCJz-O/logo/amlok-logo-blue.svg?fit=max\u0026auto=format\u0026n=vYb5LH-5AUaCJz-O\u0026q=85\u0026s=e9395a8f9571d3a71fd68ecf40d9f0fb","dark":"https://mintcdn.com/amlok-docs/vYb5LH-5AUaCJz-O/logo/amlok-logo-white.svg?fit=max\u0026auto=format\u0026n=vYb5LH-5AUaCJz-O\u0026q=85\u0026s=20b048d8a03845d4a48a07c071b975f1","href":"/"},"favicon":{"light":"https://mintcdn.com/amlok-docs/SI95tT9C8WVAHz_k/logo/amlok-blue.svg?fit=max\u0026auto=format\u0026n=SI95tT9C8WVAHz_k\u0026q=85\u0026s=8a89367dc9c1c87d297fccd9bda086db","dark":"https://mintcdn.com/amlok-docs/SI95tT9C8WVAHz_k/logo/amlok-white.svg?fit=max\u0026auto=format\u0026n=SI95tT9C8WVAHz_k\u0026q=85\u0026s=097b549b0731621879cbf1f9fafbb9fd"},"api":{"playground":{"display":"simple"},"examples":{"languages":["curl","python","javascript"]}},"appearance":{"default":"light","strict":false},"background":{"color":{"light":"#FFFFFF"}},"navbar":{"primary":{"type":"button","label":"Get started","href":"/overview/introduction"}},"footer":{"socials":{"github":"https://github.com/amloktech"}},"fonts":{"heading":{"family":"Inter","weight":600},"body":{"family":"Inter"}},"icons":{"library":"lucide"},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"amlok-docs","hasAudioNarration":false,"actualSubdomain":"amlok-docs","customDomains":[],"gitSource":{"type":"github","owner":"amloktech","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":"","_id":"6adb662593b56c4f04af019c"},"chroma":{"latestBuiltDeploymentHistoryId":"6ae34be2ded2f20fe64837a4","collectionId":"d1fd34c1-1733-47b1-b80b-e930b5c36b54","liveDeploymentHistoryId":"6ae34be2ded2f20fe64837a4","schemaVersion":"v3"},"entitlements":{},"buildId":"6ae34cd1fa8478333aab03cd","clientVersion":"0.0.4006","searchFilterCounts":[{"language":"default","tag":"Documentation","count":291},{"language":"default","tag":"Integrations","count":247},{"language":"default","tag":"API Reference","count":225},{"language":"default","tag":"Endpoints","count":192},{"language":"default","tag":"Accounting","count":71},{"language":"default","tag":"Ecommerce","count":51},{"language":"default","tag":"Inventory and ERP","count":51},{"language":"default","tag":"Payments and POS","count":51},{"language":"default","tag":"Essentials","count":29},{"language":"default","tag":"Reporting","count":26}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"custom.css","content":"#navbar .nav-logo{height:24px;width:auto}#amlok-docs-home{--amlok-ink:#101828;--amlok-muted:#536176;--amlok-blue:#052698;--amlok-border:#dce4f1;--amlok-surface:#ffffff;--amlok-art:#f2f6ff;--amlok-grid:rgba(5, 38, 152, .07);max-width:1040px;margin:0 auto;padding:24px 32px 40px;color:var(--amlok-ink)}.dark #amlok-docs-home{--amlok-ink:#f1f5ff;--amlok-muted:#acb9ce;--amlok-blue:#a8c2ff;--amlok-border:#283a56;--amlok-surface:#101b2c;--amlok-art:#122342;--amlok-grid:rgba(148, 180, 255, .08)}#amlok-docs-home .icon{background-color:currentColor}.amlok-home-hero{position:relative;overflow:hidden;isolation:isolate;padding:64px 80px 58px;margin-bottom:36px;text-align:center}.amlok-hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--amlok-grid) 1px,transparent 1px),linear-gradient(90deg,var(--amlok-grid) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,#000 5%,transparent 72%)}.amlok-eyebrow{display:block;margin-bottom:20px;color:var(--amlok-blue);font:500 11px/1.5 ui-monospace,monospace;letter-spacing:.14em}#amlok-home-title{margin:0 0 22px;color:var(--amlok-ink);font-size:clamp(36px,4vw,52px);line-height:1.08;font-weight:600;letter-spacing:-.045em}.amlok-home-hero>p{max-width:540px;margin:0 auto;color:var(--amlok-muted);font-size:17px;line-height:1.65}.amlok-hero-symbol{position:absolute;z-index:-1;top:88px;color:var(--amlok-blue);opacity:.08}.amlok-hero-symbol-left{left:-10px;transform:rotate(-12deg)}.amlok-hero-symbol-right{right:-10px;transform:rotate(12deg)}.amlok-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.amlok-entry-card{display:block;overflow:hidden;color:var(--amlok-ink);background:var(--amlok-surface);border:1px solid var(--amlok-border);text-decoration:none!important;transition:border-color .15s ease,box-shadow .15s ease}.amlok-entry-card:hover{border-color:var(--amlok-blue);box-shadow:0 6px 24px rgba(5,38,152,.06)}.amlok-entry-card:focus-visible{outline:2px solid #2567ff;outline-offset:5px}.amlok-card-art{position:relative;display:flex;align-items:center;justify-content:center;height:168px;overflow:hidden;color:var(--amlok-blue);border-bottom:1px solid var(--amlok-border);background-color:var(--amlok-art);background-image:linear-gradient(var(--amlok-grid) 1px,transparent 1px),linear-gradient(90deg,var(--amlok-grid) 1px,transparent 1px);background-size:24px 24px}.amlok-icon-plane{display:grid;place-items:center;width:112px;height:112px;border:1px solid var(--amlok-border);background:var(--amlok-surface);box-shadow:8px 8px 0 var(--amlok-grid)}.amlok-card-index{position:absolute;top:16px;left:18px;font:500 9px/1.5 ui-monospace,monospace;letter-spacing:.09em}.amlok-card-cross{position:absolute;bottom:12px;right:18px;font:400 20px/1 ui-monospace,monospace}.amlok-card-copy{padding:24px 26px 26px}.amlok-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.amlok-card-heading h2{margin:0;padding:0;color:var(--amlok-ink);font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.amlok-card-heading>span{display:flex;color:var(--amlok-blue)}.amlok-card-copy p{margin:12px 0 0;color:var(--amlok-muted);font-size:15px;line-height:1.65}.amlok-home-signoff{margin:32px 0 0;color:var(--amlok-muted);text-align:center;font-size:12px}@media (max-width:640px){#amlok-docs-home{padding:8px 20px 32px}.amlok-home-hero{padding:40px 8px 36px;margin-bottom:20px}.amlok-home-hero>p{font-size:16px}.amlok-hero-symbol{display:none}.amlok-entry-grid{grid-template-columns:1fr;gap:20px}.amlok-card-art{height:150px}.amlok-card-copy{padding:20px}}@media (prefers-reduced-motion:reduce){.amlok-entry-card{transition:none}}.amlok-status{--status-ink:#172238;--status-muted:#56647a;--status-blue:#052698;--status-border:#dce4f1;--status-surface:#ffffff;--status-soft:#f5f8fe;--status-active:#146345;--status-active-bg:#eaf7ef;margin:28px 0 36px;color:var(--status-ink);font-size:14px;line-height:1.5}.dark .amlok-status{--status-ink:#edf3ff;--status-muted:#afbdd2;--status-blue:#a8c2ff;--status-border:#2a3c59;--status-surface:#101b2c;--status-soft:#15243c;--status-active:#8ee2b5;--status-active-bg:#16352c}.amlok-status button,.amlok-status input,.amlok-status select{font:inherit}.amlok-status button{cursor:pointer}.amlok-status a:focus-visible,.amlok-status button:focus-visible,.amlok-status input:focus-visible,.amlok-status select:focus-visible{outline:2px solid var(--status-blue);outline-offset:3px}.amlok-status-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px}.amlok-status .amlok-status-metric{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px;text-align:left;color:var(--status-muted);background:var(--status-surface);border:1px solid var(--status-border);border-radius:10px}.amlok-status .amlok-status-metric>span{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;font-weight:500}.amlok-status .amlok-status-metric strong{color:var(--status-ink);font-size:28px;line-height:1;font-weight:600;letter-spacing:-.035em}.amlok-status .amlok-status-metric:hover,.amlok-status .amlok-status-metric[aria-pressed=true]{border-color:var(--status-blue);background:var(--status-soft)}.amlok-status-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr) minmax(140px,1fr);gap:12px}.amlok-status label{display:block;margin-bottom:7px;color:var(--status-ink);font-size:12px;font-weight:500}.amlok-status-search-input{position:relative}.amlok-status-search-input>svg{position:absolute;left:12px;top:13px;color:var(--status-muted);pointer-events:none}.amlok-status input,.amlok-status select{display:block;width:100%;min-width:0;height:44px;color:var(--status-ink);background:var(--status-surface);border:1px solid var(--status-border);border-radius:7px}.amlok-status input{padding:9px 12px 9px 38px}.amlok-status input::placeholder{color:var(--status-muted);opacity:1}.amlok-status select{padding:9px 28px 9px 12px}.amlok-status-results{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;color:var(--status-muted);font-size:12px}.amlok-status-results p{margin:0}.amlok-status .amlok-status-reset{padding:8px 0;color:var(--status-blue);font-size:12px;font-weight:500;background:0 0;border:0;text-decoration:underline;text-underline-offset:3px}.amlok-status-table-wrap{overflow:hidden;border:1px solid var(--status-border);border-radius:10px;background:var(--status-surface)}.amlok-status table{display:table;width:100%;margin:0;table-layout:fixed;border-collapse:collapse;font-size:13px;line-height:1.5}.amlok-status td,.amlok-status th{padding:17px 18px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--status-border)}.amlok-status thead th{color:var(--status-muted);background:var(--status-soft);font-size:11px;font-weight:600;letter-spacing:.025em}.amlok-status thead th:first-child{width:49%}.amlok-status thead th:nth-child(2){width:23%}.amlok-status thead th:nth-child(3){width:28%}.amlok-status tbody th{font-weight:500}.amlok-status tbody tr:last-child>*{border-bottom:0}.amlok-status tbody tr:hover{background:var(--status-soft)}.amlok-status tbody a{display:inline;color:var(--status-ink);text-decoration:none;overflow-wrap:anywhere}.amlok-status tbody a:hover{color:var(--status-blue);text-decoration:underline;text-underline-offset:3px}.amlok-status tbody a svg{display:inline-block;margin-left:6px;vertical-align:-2px;color:var(--status-muted)}.amlok-status-category{display:block;margin-top:3px;color:var(--status-muted);font-size:11px;font-weight:400}.amlok-status-badges,.amlok-status-markets{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.amlok-status-market{color:var(--status-muted);font-size:11px;padding:2px 6px;border:1px solid var(--status-border);border-radius:4px}.amlok-status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:500;white-space:nowrap}.amlok-status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.amlok-status-active{color:var(--status-active);background:var(--status-active-bg)}.amlok-status-review{color:var(--status-muted);background:var(--status-soft);border:1px solid var(--status-border)}.amlok-status-roadmap{color:var(--status-blue);background:var(--status-soft)}.amlok-status-progress{color:#805b00;background:#fff5d4}.dark .amlok-status-progress{color:#f4cf7d;background:#3a3018}.amlok-status-beta{display:inline-block;color:var(--status-blue);padding:1px 5px;border:1px solid var(--status-border);border-radius:4px;font-size:10px;line-height:1.5;font-weight:500}.amlok-status .amlok-status-empty{padding:48px 20px;text-align:center}.amlok-status-empty strong,.amlok-status-empty>span{display:block}.amlok-status-empty>span{margin:8px 0;color:var(--status-muted)}.amlok-status-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;color:var(--status-muted);font-size:12px}.amlok-status-pagination>div{display:flex;gap:8px}.amlok-status-pagination button{min-height:36px;padding:7px 13px;color:var(--status-ink);background:var(--status-surface);border:1px solid var(--status-border);border-radius:6px}.amlok-status-pagination button:hover:not(:disabled){border-color:var(--status-blue)}.amlok-status-pagination button:disabled{opacity:.45;cursor:default}.amlok-status-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:640px){.amlok-status-summary{gap:8px;margin-bottom:22px}.amlok-status .amlok-status-metric{gap:10px;padding:13px 10px}.amlok-status .amlok-status-metric>span{min-height:36px;align-content:center;font-size:11px}.amlok-status .amlok-status-metric strong{font-size:25px}.amlok-status-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.amlok-status-search{grid-column:1/-1}.amlok-status td,.amlok-status th{padding:13px 9px}.amlok-status thead th:first-child{width:43%}.amlok-status thead th:nth-child(2){width:25%}.amlok-status thead th:nth-child(3){width:32%}.amlok-status table{font-size:12px}.amlok-status-badge{padding:3px 6px;gap:4px;font-size:10px}}"},{"filePath":"pricing-calculator.css","content":".amlok-pricing-calc{--apc-text:#17233b;--apc-muted:#57657b;--apc-border:#dce4f1;--apc-surface:#fff;--apc-tint:#f4f7ff;--apc-blue:#052698;--apc-error:#b42318;margin:24px 0 36px;color:var(--apc-text);font-size:14px;line-height:1.5}.dark .amlok-pricing-calc{--apc-text:#edf3ff;--apc-muted:#aebbd0;--apc-border:#30405a;--apc-surface:#111c2d;--apc-tint:#162643;--apc-blue:#aac6ff;--apc-error:#ffaca4}.amlok-pricing-calc *{box-sizing:border-box}.amlok-pricing-calc .apc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.amlok-pricing-calc .apc-badge{color:var(--apc-muted);font-size:12px;font-weight:600}.amlok-pricing-calc .apc-reset{padding:8px 12px;border:1px solid var(--apc-border);border-radius:8px;color:var(--apc-blue);background:var(--apc-surface);cursor:pointer;font:inherit;font-size:13px}.amlok-pricing-calc .apc-volume-help{margin:0 0 20px;color:var(--apc-muted);font-size:12px}.amlok-pricing-calc .apc-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:24px;align-items:start}.amlok-pricing-calc .apc-inputs{display:grid;gap:16px;min-width:0}.amlok-pricing-calc .apc-panel{border:1px solid var(--apc-border);border-radius:14px;background:var(--apc-surface);overflow:hidden}.amlok-pricing-calc .apc-product-header{padding:18px 20px 14px;border-bottom:1px solid var(--apc-border)}.amlok-pricing-calc .apc-product-toggle{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:650;cursor:pointer}.amlok-pricing-calc input[type=checkbox]{width:18px;height:18px;accent-color:#052698;flex-shrink:0}.dark .amlok-pricing-calc input[type=checkbox]{accent-color:#8eafff}.amlok-pricing-calc .apc-product-header p{margin:6px 0 0 28px;color:var(--apc-muted);font-size:12px}.amlok-pricing-calc .apc-tiers{border:0;margin:0;padding:2px 20px;min-width:0}.amlok-pricing-calc .apc-tiers:disabled{opacity:.45}.amlok-pricing-calc .apc-tier{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:4px 12px;align-items:center;padding:12px 0}.amlok-pricing-calc .apc-tier+.apc-tier{border-top:1px solid var(--apc-border)}.amlok-pricing-calc .apc-tier label{display:grid;gap:2px}.amlok-pricing-calc .apc-tier label strong{font-weight:600}.amlok-pricing-calc .apc-breakdown dt,.amlok-pricing-calc .apc-tier label span{color:var(--apc-muted);font-size:12px}.amlok-pricing-calc .apc-slider-control{grid-column:1/-1;padding-top:6px;container-type:inline-size}.amlok-pricing-calc input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:28px;margin:0;background:0 0;cursor:pointer}.amlok-pricing-calc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--apc-blue) var(--apc-slider-progress),var(--apc-border) var(--apc-slider-progress))}.amlok-pricing-calc input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:3px solid var(--apc-surface);border-radius:50%;background:var(--apc-blue);box-shadow:0 0 0 1px var(--apc-blue)}.amlok-pricing-calc input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--apc-blue) var(--apc-slider-progress),var(--apc-border) var(--apc-slider-progress))}.amlok-pricing-calc input[type=range]::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--apc-surface);border-radius:50%;background:var(--apc-blue);box-shadow:0 0 0 1px var(--apc-blue)}.amlok-pricing-calc input[type=range]:disabled{cursor:not-allowed}.amlok-pricing-calc .apc-slider-labels{position:relative;height:20px;margin:0 10px;color:var(--apc-muted);font-size:clamp(8px,3.3cqi,10px);line-height:16px;font-variant-numeric:tabular-nums}.amlok-pricing-calc .apc-slider-labels span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.amlok-pricing-calc input[type=number]{display:block;width:100%;min-width:0;border:1px solid var(--apc-border);border-radius:8px;padding:9px 10px;color:var(--apc-text);background:var(--apc-surface);font:inherit;font-variant-numeric:tabular-nums}.amlok-pricing-calc input[aria-invalid=true]{border-color:var(--apc-error)}.amlok-pricing-calc :is(input, button):focus-visible{outline:2px solid #2567ff;outline-offset:3px}.amlok-pricing-calc .apc-error{color:var(--apc-error);font-size:12px;margin:4px 0 0;grid-column:1/-1}.amlok-pricing-calc .apc-error:empty{display:none}.amlok-pricing-calc .apc-terms{padding:20px}.amlok-pricing-calc .apc-summary h2,.amlok-pricing-calc .apc-terms h2{margin:0 0 16px;font-size:17px;font-weight:650;line-height:1.4}.amlok-pricing-calc .apc-terms-grid{display:grid;gap:18px}.amlok-pricing-calc .apc-terms-grid label{display:block;margin-bottom:6px;font-weight:600}.amlok-pricing-calc .apc-terms-grid p{margin:6px 0 0;font-size:12px;color:var(--apc-muted)}.amlok-pricing-calc .apc-terms-grid .apc-error{color:var(--apc-error)}.amlok-pricing-calc .apc-summary{position:sticky;top:120px;border:1px solid var(--apc-border);border-radius:14px;padding:24px;background:var(--apc-tint);min-width:0}.amlok-pricing-calc .apc-hero-amount{display:grid;gap:5px}.amlok-pricing-calc .apc-hero-amount span{font-size:12px;color:var(--apc-muted)}.amlok-pricing-calc .apc-hero-amount strong{font-size:clamp(24px,2.3vw,32px);font-weight:650;letter-spacing:-.035em;color:var(--apc-blue);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.amlok-pricing-calc .apc-breakdown{display:grid;gap:12px;margin:22px 0}.amlok-pricing-calc .apc-breakdown>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 12px}.amlok-pricing-calc .apc-breakdown dd{margin:0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.amlok-pricing-calc .apc-total-row{padding-top:12px;border-top:1px solid var(--apc-border)}.amlok-pricing-calc .apc-total-row dt{color:var(--apc-text);font-weight:600}.amlok-pricing-calc .apc-payment{padding:16px;border:1px solid var(--apc-border);border-radius:10px;background:var(--apc-surface)}.amlok-pricing-calc .apc-payment span{display:block;font-weight:600;font-size:12px}.amlok-pricing-calc .apc-payment strong{display:block;margin-top:4px;font-size:23px;letter-spacing:-.02em;overflow-wrap:anywhere}.amlok-pricing-calc .apc-explanation,.amlok-pricing-calc .apc-footnote,.amlok-pricing-calc .apc-payment p{margin:8px 0 0;color:var(--apc-muted);font-size:12px}.amlok-pricing-calc .apc-footnote{margin-top:16px}.amlok-pricing-calc .apc-invalid-summary{color:var(--apc-muted)}.amlok-pricing-calc .apc-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:760px){.amlok-pricing-calc .apc-layout{grid-template-columns:minmax(0,1fr);gap:20px}.amlok-pricing-calc .apc-summary{position:static;padding:20px}}@media (prefers-reduced-motion:reduce){.amlok-pricing-calc *{scroll-behavior:auto}}.amlok-pricing-calc .apc-tier .apc-tier-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.amlok-pricing-calc .apc-tier-heading>span{display:block;margin-left:26px;font-size:12px;color:var(--apc-muted)}.amlok-pricing-calc .apc-tier input:disabled{opacity:.45}"},{"filePath":"brand-guidelines.css","href":"/_mintlify/custom/amlok-docs/1dd07f4ce5cd1897/brand-guidelines.css"}],"page":{"pagePath":"resources/brand","slug":"/resources/brand","pageMetadata":{"title":"Brand guidelines and design system","sidebarTitle":"Brand and design system","description":"The AMLOK identity, visual foundations, product components, graphics, and design tokens.","mode":"wide","href":"/resources/brand"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"The AMLOK identity, visual foundations, product components, graphics, and design tokens.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const BrandGuidelines=()=>{const _components={a:`a`,..._provideComponents()};let nextIllustrationId=0;const useId=()=>{const[id]=useState(()=>`amlok-brand-${++nextIllustrationId}`);return id};const AlertTriangle=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,\"key\":`wmoenq`}],[`path`,{\"d\":`M12 9v4`,\"key\":`juzpu7`}],[`path`,{\"d\":`M12 17h.01`,\"key\":`p32p05`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const ArrowRight=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M5 12h14`,\"key\":`1ays0h`}],[`path`,{\"d\":`m12 5 7 7-7 7`,\"key\":`xquz4c`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Check=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M20 6 9 17l-5-5`,\"key\":`1gmf2c`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const FileText=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,\"key\":`1oefj6`}],[`path`,{\"d\":`M14 2v5a1 1 0 0 0 1 1h5`,\"key\":`wfsgrz`}],[`path`,{\"d\":`M10 9H8`,\"key\":`b1mrlr`}],[`path`,{\"d\":`M16 13H8`,\"key\":`t4e002`}],[`path`,{\"d\":`M16 17H8`,\"key\":`z1uh3a`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const ImageIcon=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`rect`,{\"width\":`18`,\"height\":`18`,\"x\":`3`,\"y\":`3`,\"rx\":`2`,\"ry\":`2`,\"key\":`1m3agn`}],[`circle`,{\"cx\":`9`,\"cy\":`9`,\"r\":`2`,\"key\":`af1f0g`}],[`path`,{\"d\":`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,\"key\":`1xmnt7`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Loader2=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M21 12a9 9 0 1 1-6.219-8.56`,\"key\":`13zald`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Search=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`m21 21-4.34-4.34`,\"key\":`14j7rj`}],[`circle`,{\"cx\":`11`,\"cy\":`11`,\"r\":`8`,\"key\":`4ej97u`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const ShieldCheck=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`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`,\"key\":`oel41y`}],[`path`,{\"d\":`m9 12 2 2 4-4`,\"key\":`dzmm74`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const ArrowDownLeft=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M17 7 7 17`,\"key\":`15tmo1`}],[`path`,{\"d\":`M17 17H7V7`,\"key\":`1org7z`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Banknote=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`rect`,{\"width\":`20`,\"height\":`12`,\"x\":`2`,\"y\":`6`,\"rx\":`2`,\"key\":`9lu3g6`}],[`circle`,{\"cx\":`12`,\"cy\":`12`,\"r\":`2`,\"key\":`1c9p78`}],[`path`,{\"d\":`M6 12h.01M18 12h.01`,\"key\":`113zkx`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const CircleAlert=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`circle`,{\"cx\":`12`,\"cy\":`12`,\"r\":`10`,\"key\":`1mglay`}],[`line`,{\"x1\":`12`,\"x2\":`12`,\"y1\":`8`,\"y2\":`12`,\"key\":`1pkeuh`}],[`line`,{\"x1\":`12`,\"x2\":`12.01`,\"y1\":`16`,\"y2\":`16`,\"key\":`4dfq90`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const UserRound=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`circle`,{\"cx\":`12`,\"cy\":`8`,\"r\":`5`,\"key\":`1hypcn`}],[`path`,{\"d\":`M20 21a8 8 0 0 0-16 0`,\"key\":`rfgkzh`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const CheckCheck=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M18 6 7 17l-5-5`,\"key\":`116fxf`}],[`path`,{\"d\":`m22 10-7.5 7.5L13 16`,\"key\":`ke71qq`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Copy=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`rect`,{\"width\":`14`,\"height\":`14`,\"x\":`8`,\"y\":`8`,\"rx\":`2`,\"ry\":`2`,\"key\":`17jyea`}],[`path`,{\"d\":`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,\"key\":`zix9uf`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Download=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M12 15V3`,\"key\":`m9g1x1`}],[`path`,{\"d\":`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,\"key\":`ih7n3h`}],[`path`,{\"d\":`m7 10 5 5 5-5`,\"key\":`brsn70`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Layers3=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`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`,\"key\":`zw3jo`}],[`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`,\"key\":`1wduqc`}],[`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`,\"key\":`kqbvx6`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Menu=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M4 5h16`,\"key\":`1tepv9`}],[`path`,{\"d\":`M4 12h16`,\"key\":`1lakjw`}],[`path`,{\"d\":`M4 19h16`,\"key\":`1djgab`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Moon=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401`,\"key\":`kfwtm`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Pause=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`rect`,{\"x\":`14`,\"y\":`3`,\"width\":`5`,\"height\":`18`,\"rx\":`1`,\"key\":`kaeet6`}],[`rect`,{\"x\":`5`,\"y\":`3`,\"width\":`5`,\"height\":`18`,\"rx\":`1`,\"key\":`1wsw3u`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Play=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,\"key\":`10ikf1`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Radio=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M16.247 7.761a6 6 0 0 1 0 8.478`,\"key\":`1fwjs5`}],[`path`,{\"d\":`M19.075 4.933a10 10 0 0 1 0 14.134`,\"key\":`ehdyv1`}],[`path`,{\"d\":`M4.925 19.067a10 10 0 0 1 0-14.134`,\"key\":`1q22gi`}],[`path`,{\"d\":`M7.753 16.239a6 6 0 0 1 0-8.478`,\"key\":`r2q7qm`}],[`circle`,{\"cx\":`12`,\"cy\":`12`,\"r\":`2`,\"key\":`1c9p78`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const ScanLine=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M3 7V5a2 2 0 0 1 2-2h2`,\"key\":`aa7l1z`}],[`path`,{\"d\":`M17 3h2a2 2 0 0 1 2 2v2`,\"key\":`4qcy5o`}],[`path`,{\"d\":`M21 17v2a2 2 0 0 1-2 2h-2`,\"key\":`6vwrx8`}],[`path`,{\"d\":`M7 21H5a2 2 0 0 1-2-2v-2`,\"key\":`ioqczr`}],[`path`,{\"d\":`M7 12h10`,\"key\":`b7w52i`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const Sun=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`circle`,{\"cx\":`12`,\"cy\":`12`,\"r\":`4`,\"key\":`4exip2`}],[`path`,{\"d\":`M12 2v2`,\"key\":`tus03m`}],[`path`,{\"d\":`M12 20v2`,\"key\":`1lh1kg`}],[`path`,{\"d\":`m4.93 4.93 1.41 1.41`,\"key\":`149t6j`}],[`path`,{\"d\":`m17.66 17.66 1.41 1.41`,\"key\":`ptbguv`}],[`path`,{\"d\":`M2 12h2`,\"key\":`1t8f8n`}],[`path`,{\"d\":`M20 12h2`,\"key\":`1q8mjw`}],[`path`,{\"d\":`m6.34 17.66-1.41 1.41`,\"key\":`1m8zz5`}],[`path`,{\"d\":`m19.07 4.93-1.41 1.41`,\"key\":`1shlcs`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const X=({size=24,strokeWidth=2,...props})=>_jsx(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:size,height:size,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,\"aria-hidden\":`true`,...props,children:[[`path`,{\"d\":`M18 6 6 18`,\"key\":`1bl5f8`}],[`path`,{\"d\":`m6 6 12 12`,\"key\":`d8bk6v`}]].map(([Tag,attrs])=>_jsx(Tag,{...attrs}))});const brand={name:`AMLOK`,version:`2.0.0`,reviewed:`2026-10-23`,principle:`Clear by design. Connected by signals.`};const heroGradientStops=[{offset:0,color:`var(--blue-deep)`},{offset:.42,color:`var(--hero-blue-middle)`},{offset:1,color:`var(--identity-blue)`}];const heroGradient={name:`AMLOK hero gradient`,token:`--gradient-hero`,css:`radial-gradient(ellipse at 50% 42%, ${heroGradientStops.map(stop=>`${stop.color} ${stop.offset*100}%`).join(`, `)})`,stops:heroGradientStops,svgTransform:`translate(0.5 0.42) scale(0.7071067812 0.8202438662)`};const siteLayout={contentMax:1280,desktopGutter:48,compactGutter:20,desktopBreakpoint:1024};const tokenGroups={Color:{\"--canvas\":`#ffffff`,\"--ink\":`#101828`,\"--surface\":`#f5f7fb`,\"--surface-raised\":`#ffffff`,\"--line\":`#d7deeb`,\"--line-strong\":`#8290a8`,\"--muted\":`#58657b`,\"--identity-blue\":`#052698`,\"--blue\":`var(--identity-blue)`,\"--blue-secondary\":`#2567ff`,\"--blue-secondary-hover\":`#174fc9`,\"--blue-deep\":`#1b4fe0`,\"--blue-soft\":`#eaf1ff`,\"--blue-field\":`#1239b0`,\"--navy\":`var(--blue-field)`,\"--hero-blue-middle\":`#1140c3`,\"--on-brand\":`#ffffff`,\"--on-brand-muted\":`color-mix(in srgb, var(--on-brand) 85%, var(--blue-field))`,\"--on-brand-line\":`color-mix(in srgb, var(--on-brand) 24%, transparent)`,\"--on-brand-surface\":`color-mix(in srgb, var(--on-brand) 8%, transparent)`,\"--signal-violet\":`#7b3ff2`,\"--signal-violet-soft\":`#f2ebff`,\"--signal-orange\":`#f15a24`,\"--signal-orange-soft\":`#fff0e8`,\"--signal-green\":`#41b978`,\"--signal-green-soft\":`#e8f6ee`,\"--success-bg\":`#e8f6ee`,\"--success-fg\":`#087b46`,\"--warning-bg\":`#fff7e0`,\"--warning-fg\":`#815600`,\"--danger-bg\":`#fff0f0`,\"--danger-fg\":`#b42336`,\"--action-fill\":`#052698`,\"--action-ink\":`#ffffff`,\"--focus\":`#2567ff`},Gradient:{\"--gradient-hero\":heroGradient.css},Geometry:{\"--radius-xs\":`4px`,\"--radius-sm\":`8px`,\"--radius-control\":`10px`,\"--radius-inner\":`12px`,\"--radius-card\":`20px`,\"--radius-panel\":`24px`,\"--radius-media\":`20px`,\"--radius-overlay\":`16px`,\"--radius-pill\":`999px`,\"--radius-signal\":`50%`,\"--border-width\":`1px`,\"--focus-width\":`2px`},Surfaces:{\"--shadow-color\":`#101828`,\"--border-subtle\":`color-mix(in srgb, var(--ink) 8%, transparent)`,\"--border-default\":`color-mix(in srgb, var(--ink) 12%, transparent)`,\"--edge-inset\":`inset 0 0 0 1px var(--border-subtle)`,\"--shadow-button\":`0 1px 2px color-mix(in srgb, var(--shadow-color) 6%, transparent)`,\"--shadow-raised\":`0 2px 4px color-mix(in srgb, var(--shadow-color) 3%, transparent), 0 12px 32px color-mix(in srgb, var(--shadow-color) 5%, transparent)`,\"--shadow-overlay\":`0 4px 12px color-mix(in srgb, var(--shadow-color) 6%, transparent), 0 24px 64px color-mix(in srgb, var(--shadow-color) 12%, transparent)`,\"--shadow-navigation\":`0 4px 24px color-mix(in srgb, var(--shadow-color) 4%, transparent)`},Layout:{\"--site-content-max\":`${siteLayout.contentMax}px`,\"--site-min-gutter\":`${siteLayout.desktopGutter}px`,\"--site-gutter\":`max(var(--site-min-gutter), calc((100vw - var(--site-content-max)) / 2))`,\"--site-content-width\":`min(var(--site-content-max), calc(100vw - var(--site-gutter) - var(--site-gutter)))`,\"--page-max\":`1200px`,\"--section-gap\":`64px`,\"--space-section\":`clamp(64px, 7vw, 112px)`,\"--space-section-content\":`48px`,\"--space-heading-body\":`24px`,\"--space-copy-actions\":`24px`,\"--space-actions-media\":`32px`,\"--space-media-caption\":`16px`,\"--space-card-gap\":`24px`,\"--space-card-inset\":`24px`,\"--media-panel-height\":`240px`,\"--control-height\":`44px`,\"--control-height-compact\":`40px`,\"--control-height-marketing\":`48px`,\"--reading-width\":`65ch`},Typography:{\"--font-sans\":`'Inter Variable', Inter, ui-sans-serif, system-ui, sans-serif`,\"--font-mono\":`'JetBrains Mono Variable', ui-monospace, monospace`,\"--text-section-heading\":`clamp(36px, 4.4vw, 62px)`,\"--text-section-description\":`clamp(16px, 1.25vw, 18px)`,\"--text-risk-card-title\":`clamp(18px, 2vw, 28px)`,\"--text-body\":`16px`,\"--text-secondary\":`14px`,\"--text-label\":`12px`,\"--leading-body\":`1.6`,\"--leading-heading\":`1.08`},Motion:{\"--motion-fast\":`150ms`,\"--motion-base\":`200ms`,\"--motion-slow\":`400ms`,\"--motion-scan\":`4000ms`,\"--ease-out\":`cubic-bezier(.16, 1, .3, 1)`},Layers:{\"--z-dropdown\":`20`,\"--z-sticky\":`30`,\"--z-navigation\":`40`,\"--z-overlay\":`50`,\"--z-notification\":`80`,\"--z-access\":`100`}};const darkTokens={\"--shadow-color\":`#000000`,\"--canvas\":`#09162d`,\"--ink\":`#f4f7ff`,\"--surface\":`#101f38`,\"--surface-raised\":`#162740`,\"--line\":`#33445f`,\"--line-strong\":`#7184a3`,\"--muted\":`#b4c2d8`,\"--blue\":`#9cbaff`,\"--blue-soft\":`#182e58`,\"--action-fill\":`#a9c3ff`,\"--action-ink\":`var(--blue-field)`,\"--focus\":`#9cbaff`,\"--success-bg\":`#11372b`,\"--success-fg\":`#8ce0af`,\"--warning-bg\":`#3d3012`,\"--warning-fg\":`#f4d17a`,\"--danger-bg\":`#451d2b`,\"--danger-fg\":`#ffadba`};const colors=[{name:`AMLOK blue`,hex:`#052698`,token:`--blue`,use:`Identity, primary actions, trusted structure`,light:false},{name:`Signal blue`,hex:`#2567FF`,token:`--blue-secondary`,use:`Focus, selected signals, chart emphasis`,light:false},{name:`Cobalt blue`,hex:tokenGroups.Color[`--blue-field`].toUpperCase(),token:`--blue-field`,use:`Blue brand panels, reversed identity, and signal fields`,light:false},{name:`Canvas`,hex:`#FFFFFF`,token:`--canvas`,use:`Primary reading and decision surfaces`,light:true},{name:`Surface`,hex:`#F5F7FB`,token:`--surface`,use:`Secondary regions and image placeholders`,light:true},{name:`Ink`,hex:`#101828`,token:`--ink`,use:`Headings, values, and primary text`,light:false},{name:`Insight violet`,hex:`#7B3FF2`,token:`--signal-violet`,use:`Simulation and distinct chart series`,light:false},{name:`Attention orange`,hex:`#F15A24`,token:`--signal-orange`,use:`Attention markers; use semantic text colors`,light:true},{name:`Signal green`,hex:`#41B978`,token:`--signal-green`,use:`Live or positive markers; always labeled`,light:true}];const declarations=tokens=>Object.entries(tokens).map(([key,value])=>` ${key}: ${value};`).join(`\n`);const tokensCSS=`/* AMLOK ${brand.version} - Rounded surfaces / Precise graphics / Clear signals. Source: /brand */\n:root {\n${Object.values(tokenGroups).map(declarations).join(`\n`)}\n}\n[data-amlok-theme=\"dark\"] {\n${declarations(darkTokens)}\n}\n@media (max-width: ${siteLayout.desktopBreakpoint-1}px) { :root { --site-min-gutter: ${siteLayout.compactGutter}px; } }\n@media (prefers-reduced-motion: reduce) {\n :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; }\n}\n`;function Mark({className=``}){return _jsx(`svg`,{className,width:`28`,height:`28`,viewBox:`0 0 32 32`,fill:`none`,\"aria-hidden\":`true`,children:_jsx(`path`,{d:`M3 26 13 6h6l10 20h-7L16 13l-3.5 7H19l3 6H3Z`,fill:`currentColor`})})}function Wordmark({className=``}){return _jsxs(`span`,{className:`wordmark ${className}`,children:[_jsx(Mark,{}),_jsx(`span`,{children:`amlok`})]})}function Status({children,tone=`blue`}){return _jsxs(`span`,{className:`ds-status ds-status-${tone}`,children:[_jsx(`i`,{\"aria-hidden\":`true`}),children]})}function ShieldGraphic(){return _jsxs(`svg`,{viewBox:`0 0 200 220`,className:`ds-shield`,\"aria-hidden\":`true`,children:[_jsx(`path`,{d:`M24 24H176V136L100 196 24 136Z`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`}),_jsx(`path`,{d:`M38 38H162V128L100 177 38 128Z`,fill:`currentColor`,opacity:`.08`}),_jsx(`g`,{transform:`translate(60 60) scale(2.5)`,children:_jsx(`path`,{d:`M3 26 13 6h6l10 20h-7L16 13l-3.5 7H19l3 6H3Z`,fill:`currentColor`})}),_jsx(`path`,{d:`M16 44V16H44M156 16H184V44M16 116V144L36 160M164 160L184 144V116`,fill:`none`,stroke:`currentColor`,opacity:`.35`})]})}function RadarVisual({paused=false,label=`AMLOK / SIGNAL FIELD`}){const ref=useRef(null);const[inView,setInView]=useState(false);useEffect(()=>{const observer=new IntersectionObserver(([entry])=>setInView(entry.isIntersecting),{threshold:.15});if(ref.current)observer.observe(ref.current);return()=>observer.disconnect()},[]);return _jsxs(`div`,{ref,className:`ds-radar`,\"data-running\":inView\u0026\u0026!paused,role:`img`,\"aria-label\":`A geometric shield within a square scanning field, with connected signal points`,children:[_jsx(`div`,{className:`ds-radar-grid`}),_jsx(`div`,{className:`ds-radar-frame ds-frame-outer`}),_jsx(`div`,{className:`ds-radar-frame ds-frame-middle`}),_jsx(`div`,{className:`ds-radar-frame ds-frame-inner`}),_jsxs(`svg`,{className:`ds-radar-network`,viewBox:`0 0 600 420`,preserveAspectRatio:`none`,\"aria-hidden\":`true`,children:[_jsx(`path`,{d:`M58 276H144V132H270V210H412V82H540M144 276H390V330H510M270 132V58M412 210H542`,fill:`none`,stroke:`currentColor`,strokeWidth:`1`}),[[58,276],[144,132],[270,58],[412,82],[540,82],[390,330],[510,330],[542,210]].map(([x,y],i)=>_jsxs(`g`,{fill:`currentColor`,children:[_jsx(`circle`,{cx:x,cy:y,r:`12`,opacity:`.12`}),_jsx(`circle`,{cx:x,cy:y,r:`4`})]},i))]}),_jsx(`div`,{className:`ds-scan`}),_jsx(ShieldGraphic,{}),_jsx(`span`,{className:`ds-radar-caption`,children:label}),_jsx(`span`,{className:`ds-radar-coordinate`,children:`N 04 / E 08`})]})}function MediaPlaceholder({label=`Image placeholder`}){return _jsxs(`div`,{className:`ds-media-placeholder`,role:`img`,\"aria-label\":label,children:[_jsx(ImageIcon,{size:24,\"aria-hidden\":`true`}),_jsx(`span`,{children:label}),_jsx(`i`,{\"aria-hidden\":`true`})]})}function ComponentLab({onOpen,onNotice}){const[email,setEmail]=useState(``);const[error,setError]=useState(``);const[enabled,setEnabled]=useState(true);const[tab,setTab]=useState(0);const[saved,setSaved]=useState(false);const tabs=[`Overview`,`Evidence`,`Activity`];return _jsxs(_Fragment,{children:[_jsxs(`div`,{className:`ds-grid ds-grid-2`,children:[_jsxs(`article`,{className:`ds-panel`,children:[_jsx(`span`,{className:`ds-meta`,children:`ACTIONS / ROUNDED CONTROLS`}),_jsx(`h3`,{children:`One primary action.`}),_jsxs(`div`,{className:`ds-button-samples`,children:[_jsxs(`button`,{className:`ds-button`,onClick:onOpen,children:[`Review decision `,_jsx(ArrowRight,{size:16})]}),_jsx(`button`,{className:`ds-button ds-button-secondary`,onClick:()=>onNotice(`Secondary action preview activated`),children:`View evidence`}),_jsxs(`button`,{className:`ds-button ds-button-quiet`,onClick:()=>onNotice(`Text action preview activated`),children:[`Export record `,_jsx(ArrowRight,{size:16})]}),_jsx(`button`,{className:`ds-button`,disabled:true,children:`Unavailable`}),_jsxs(`button`,{className:`ds-button ds-button-secondary`,disabled:true,\"aria-busy\":`true`,children:[_jsx(Loader2,{size:16}),`Saving…`]})]}),_jsx(`p`,{className:`ds-note`,children:`44px default height · 16–24px horizontal inset · 8px icon gap. A filled blue primary, an outlined secondary, and an unboxed tertiary. Focus remains outside the control boundary.`})]}),_jsxs(`form`,{className:`ds-panel ds-form`,noValidate:true,onSubmit:e=>{e.preventDefault();if(!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)){setError(`Enter a valid work email, for example alex@company.ca.`);setSaved(false);return}setError(``);setSaved(true)},children:[_jsx(`span`,{className:`ds-meta`,children:`FIELDS / VALIDATION / PREFERENCES`}),_jsxs(`label`,{htmlFor:`ds-email`,children:[`Work email `,_jsx(`span`,{children:`(required)`})]}),_jsx(`input`,{id:`ds-email`,type:`email`,autoComplete:`email`,value:email,placeholder:`alex@company.ca`,\"aria-invalid\":!!error,\"aria-describedby\":error?`ds-email-error`:`ds-email-hint`,onChange:e=>{setEmail(e.target.value);setError(``);setSaved(false)}}),_jsx(`p`,{id:`ds-email-hint`,className:`ds-note`,children:`Used for this local component preview only.`}),error\u0026\u0026_jsxs(`p`,{className:`ds-field-error`,id:`ds-email-error`,role:`alert`,children:[_jsx(AlertTriangle,{size:16}),error]}),_jsxs(`label`,{className:`ds-checkbox`,children:[_jsx(`input`,{type:`checkbox`,defaultChecked:true}),`Include source links in the review`]}),_jsxs(`div`,{className:`ds-switch-row`,children:[_jsx(`span`,{id:`ds-switch-label`,children:`Signal notifications`}),_jsx(`button`,{className:`ds-switch`,type:`button`,role:`switch`,\"aria-checked\":enabled,\"aria-labelledby\":`ds-switch-label`,onClick:()=>setEnabled(!enabled),children:_jsx(`span`,{})})]}),_jsxs(`button`,{className:`ds-button ds-button-secondary`,type:`submit`,children:[`Save preference `,_jsx(Check,{size:16})]}),_jsx(`p`,{className:`ds-note`,role:`status`,children:saved?`Preference saved for this preview.`:``})]})]}),_jsxs(`div`,{className:`ds-panel ds-tabs-demo`,children:[_jsx(`div`,{className:`ds-tabs`,role:`tablist`,\"aria-label\":`Record preview`,children:tabs.map((item,index)=>_jsx(`button`,{role:`tab`,id:`ds-tab-${index}`,\"aria-controls\":`ds-tab-panel-${index}`,\"aria-selected\":index===tab,tabIndex:index===tab?0:-1,onClick:()=>setTab(index),onKeyDown:e=>{const next=e.key===`ArrowRight`?(index+1)%3:e.key===`ArrowLeft`?(index+2)%3:e.key===`Home`?0:e.key===`End`?2:null;if(next!==null){e.preventDefault();setTab(next);document.getElementById(`ds-tab-${next}`)?.focus()}},children:item},item))}),_jsxs(`div`,{className:`ds-tab-panel`,id:`ds-tab-panel-${tab}`,role:`tabpanel`,\"aria-labelledby\":`ds-tab-${tab}`,tabIndex:0,children:[_jsx(ShieldCheck,{size:22}),_jsxs(`div`,{children:[_jsx(`h3`,{children:[`A complete view of the file`,`Evidence stays within reach`,`A traceable sequence`][tab]}),_jsx(`p`,{children:[`Use tabs for sibling views. Keep the selected state visible with an underline and a change in text weight.`,`Show source, date, owner, and freshness beside each relevant fact.`,`Display who changed what and when, with a path back to the original evidence.`][tab]})]})]})]})]})}const records=[{name:`Northstar Foods`,id:`EX-1042`,stage:`Underwriting`,status:`In review`,exposure:`$240,000`,source:`Financial statements · 30 Sep 2026`,tone:`warning`},{name:`Cedar Logistics`,id:`EX-1043`,stage:`Monitoring`,status:`Current`,exposure:`$180,000`,source:`Transaction feed · 20 Oct 2026`,tone:`success`},{name:`Harbour Supply`,id:`EX-1044`,stage:`Verification`,status:`Needs evidence`,exposure:`$320,000`,source:`Ownership declaration · 18 Oct 2026`,tone:`danger`}];function DataWorkspace(){const[query,setQuery]=useState(``);const[sort,setSort]=useState(false);const[selected,setSelected]=useState(records[0]);const[restored,setRestored]=useState(false);const rows=records.filter(r=>`${r.name} ${r.status} ${r.stage}`.toLowerCase().includes(query.toLowerCase())).sort((a,b)=>sort?b.name.localeCompare(a.name):a.name.localeCompare(b.name));return _jsxs(_Fragment,{children:[_jsxs(`div`,{className:`ds-workspace`,children:[_jsxs(`div`,{className:`ds-workspace-bar`,children:[_jsxs(`span`,{children:[_jsx(Mark,{}),`Credit workspace`]}),_jsx(Status,{tone:`neutral`,children:`Illustrative data`})]}),_jsxs(`div`,{className:`ds-workspace-toolbar`,children:[_jsxs(`label`,{className:`ds-search`,children:[_jsx(Search,{size:18}),_jsx(`input`,{type:`search`,\"aria-label\":`Search sample borrowers`,placeholder:`Search borrowers or status`,value:query,onChange:e=>setQuery(e.target.value)})]}),_jsxs(`span`,{className:`ds-meta`,children:[rows.length,` RECORDS`]})]}),_jsxs(`div`,{className:`ds-workspace-body`,children:[_jsxs(`div`,{className:`ds-table-scroll`,role:`region`,tabIndex:0,\"aria-label\":`Sample borrower table`,children:[_jsxs(`table`,{className:`ds-table`,children:[_jsx(`thead`,{children:_jsxs(`tr`,{children:[_jsx(`th`,{\"aria-sort\":sort?`descending`:`ascending`,children:_jsxs(`button`,{onClick:()=>setSort(!sort),children:[`Borrower `,sort?`↓`:`↑`]})}),_jsx(`th`,{children:`Workflow`}),_jsx(`th`,{children:`Status`}),_jsx(`th`,{className:`ds-numeric`,children:`Exposure`})]})}),_jsx(`tbody`,{children:rows.map(row=>_jsxs(`tr`,{\"data-selected\":selected.id===row.id,children:[_jsxs(`td`,{children:[_jsx(`button`,{className:`ds-record-link`,onClick:()=>setSelected(row),\"aria-label\":`View evidence for ${row.name}`,children:row.name}),_jsx(`small`,{children:row.id})]}),_jsx(`td`,{children:row.stage}),_jsx(`td`,{children:_jsx(Status,{tone:row.tone,children:row.status})}),_jsx(`td`,{className:`ds-numeric`,children:row.exposure})]},row.id))})]}),!rows.length\u0026\u0026_jsxs(`div`,{className:`ds-empty`,children:[_jsx(Search,{size:24}),_jsx(`h4`,{children:`No matching borrowers`}),_jsx(`p`,{children:`Try a name, workflow, or status.`}),_jsx(`button`,{className:`ds-button ds-button-secondary`,onClick:()=>setQuery(``),children:`Clear search`})]})]}),_jsxs(`aside`,{className:`ds-evidence`,\"aria-live\":`polite`,children:[_jsx(`span`,{className:`ds-meta`,children:`EVIDENCE / SELECT A RECORD`}),_jsx(`h3`,{children:selected.name}),_jsx(Status,{tone:selected.tone,children:selected.status}),_jsxs(`div`,{className:`ds-evidence-source`,children:[_jsx(FileText,{size:18}),_jsxs(`span`,{children:[selected.source,_jsx(`small`,{children:`Example source · not a customer record`})]})]}),_jsx(`p`,{children:`Keep the evidence beside the decision. The full record and its history stay available.`})]})]})]}),_jsxs(`div`,{className:`ds-grid ds-grid-3 ds-state-grid`,children:[_jsxs(`article`,{className:`ds-panel`,children:[_jsx(Loader2,{size:22}),_jsx(`h3`,{children:`Loading`}),_jsx(`div`,{className:`ds-skeleton`}),_jsx(`div`,{className:`ds-skeleton ds-skeleton-short`}),_jsx(`p`,{children:`Reserve the final layout. Show progress text for work that takes time. Offer cancellation for long tasks.`})]}),_jsxs(`article`,{className:`ds-panel`,children:[_jsx(FileText,{size:22}),_jsx(`h3`,{children:`Empty`}),_jsx(`p`,{children:`No evidence has been added. Explain what belongs here and offer a specific next step.`}),_jsx(`span`,{className:`ds-meta`,children:`ACTION: ADD DOCUMENTS`})]}),_jsxs(`article`,{className:`ds-panel`,children:[_jsx(AlertTriangle,{size:22}),_jsx(`h3`,{children:restored?`Recovered`:`Connection interrupted`}),_jsx(`p`,{role:`status`,children:restored?`The preview connection is restored. Preserve the user’s filters and selection.`:`Keep the previous result visible with a stale-data label. Explain the recovery action.`}),_jsx(`button`,{className:`ds-button ds-button-secondary`,onClick:()=>setRestored(!restored),children:restored?`Reset example`:`Retry preview`})]})]})]})}function ChartSpecimen(){return _jsxs(`div`,{className:`ds-chart-specimen`,children:[_jsxs(`div`,{className:`ds-chart-heading`,children:[_jsxs(`div`,{children:[_jsx(`span`,{className:`ds-meta`,children:`ILLUSTRATIVE PORTFOLIO / CAD`}),_jsx(`h3`,{children:`Exposure by workflow`})]}),_jsx(`span`,{className:`ds-note`,children:`Snapshot · 20 Oct 2026`})]}),_jsx(`div`,{className:`ds-chart`,role:`img`,\"aria-label\":`Example exposure: Verification 32%, Underwriting 48%, Monitoring 72%, Risk review 40%`,children:[[`Verification`,32],[`Underwriting`,48],[`Monitoring`,72],[`Risk review`,40]].map(([name,value])=>_jsxs(`div`,{children:[_jsx(`span`,{children:name}),_jsx(`div`,{children:_jsx(`i`,{style:{width:`${value}%`}})}),_jsxs(`strong`,{children:[value,`%`]})]},name))}),_jsx(`p`,{className:`ds-note`,children:`Direct labels, visible units, a consistent baseline, and square bars. Use a table alternative for precise values; never imply that a risk signal is a probability unless it is calibrated.`})]})}function FieldPatterns(){const[reviewType,setReviewType]=useState(`Standard review`);const[note,setNote]=useState(``);const[density,setDensity]=useState(`Comfortable`);return _jsxs(`div`,{className:`ds-grid ds-grid-2 ds-field-patterns`,children:[_jsxs(`div`,{className:`ds-panel ds-form`,children:[_jsx(`span`,{className:`ds-meta`,children:`CHOICE / CONTEXT / READ-ONLY`}),_jsx(`label`,{htmlFor:`ds-review-type`,children:`Review workflow`}),_jsxs(`select`,{id:`ds-review-type`,value:reviewType,onChange:e=>setReviewType(e.target.value),children:[_jsx(`option`,{children:`Standard review`}),_jsx(`option`,{children:`Enhanced review`}),_jsx(`option`,{children:`Policy exception review`})]}),_jsx(`label`,{htmlFor:`ds-record-id`,children:`Record ID`}),_jsx(`input`,{id:`ds-record-id`,value:`EX-1042`,readOnly:true,\"aria-describedby\":`ds-readonly-hint`}),_jsx(`p`,{id:`ds-readonly-hint`,className:`ds-note`,children:`Read-only values stay selectable and readable. Disabled fields are reserved for unavailable actions.`}),_jsxs(`fieldset`,{className:`ds-radio-group`,children:[_jsx(`legend`,{children:`Workspace density`}),[`Comfortable`,`Compact`].map(value=>_jsxs(`label`,{children:[_jsx(`input`,{type:`radio`,name:`ds-density`,value,checked:density===value,onChange:()=>setDensity(value)}),_jsx(`span`,{children:value})]},value))]})]}),_jsxs(`div`,{className:`ds-panel ds-form`,children:[_jsx(`span`,{className:`ds-meta`,children:`LONG-FORM INPUT / AUDIT CONTEXT`}),_jsxs(`label`,{htmlFor:`ds-review-note`,children:[`Reviewer note `,_jsx(`span`,{children:`(optional)`})]}),_jsx(`textarea`,{id:`ds-review-note`,rows:5,maxLength:400,value:note,onChange:e=>setNote(e.target.value),\"aria-describedby\":`ds-review-note-hint`,placeholder:`Explain the evidence or policy consideration behind this review.`}),_jsxs(`p`,{id:`ds-review-note-hint`,className:`ds-note`,children:[`Keep personal data out of this example. `,note.length,`/400 characters.`]}),_jsxs(`div`,{className:`ds-field-summary`,children:[_jsx(Status,{tone:`neutral`,children:reviewType}),_jsx(`p`,{children:`Describe what changed, why it matters, and who should act next. A field’s label remains visible after a value is entered.`})]})]})]})}function ApprovalGraphic(){const id=useId().replace(/:/g,``);return _jsxs(`div`,{className:`adoption-approval`,children:[_jsx(`div`,{className:`adoption-telemetry`,children:`Credit assessment`}),_jsxs(`div`,{className:`adoption-legend`,children:[_jsxs(`span`,{children:[_jsx(`i`,{}),`Approved`]}),_jsxs(`span`,{children:[_jsx(`i`,{}),`Further review`]})]}),_jsxs(`svg`,{viewBox:`0 0 320 224`,fill:`none`,children:[_jsx(`defs`,{children:_jsx(`pattern`,{id:`approval-${id}`,width:`6`,height:`6`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:_jsx(`path`,{d:`M0 0V6`,stroke:`var(--blue)`,strokeWidth:`2`})})}),_jsx(`circle`,{cx:`160`,cy:`111`,r:`78`,stroke:`var(--line)`,strokeWidth:`17`}),_jsx(`circle`,{className:`adoption-ring`,cx:`160`,cy:`111`,r:`78`,stroke:`var(--blue-secondary)`,strokeWidth:`17`,pathLength:`100`,strokeDasharray:`58 42`,transform:`rotate(-90 160 111)`}),_jsx(`circle`,{cx:`160`,cy:`111`,r:`78`,stroke:`url(#approval-${id})`,strokeWidth:`17`,pathLength:`100`,strokeDasharray:`12 88`,strokeDashoffset:`-58`,transform:`rotate(-90 160 111)`}),_jsx(`text`,{x:`160`,y:`115`,textAnchor:`middle`,fill:`var(--muted)`,fontSize:`11`,children:`APPROVAL REVIEW`})]}),_jsxs(`div`,{className:`adoption-graphic-note`,children:[_jsx(`span`,{className:`adoption-hatched-key`}),`Additional cash flow context`]})]})}function RadarGraphic(){return _jsxs(`div`,{className:`adoption-radar`,children:[_jsx(`div`,{className:`adoption-radar-grid`}),_jsxs(`div`,{className:`adoption-radar-frame`,children:[_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`b`,{className:`adoption-radar-cross horizontal`}),_jsx(`b`,{className:`adoption-radar-cross vertical`}),_jsx(`span`,{className:`adoption-radar-point point-one`}),_jsx(`span`,{className:`adoption-radar-point point-two`}),_jsx(`span`,{className:`adoption-radar-point point-alert`}),_jsx(`span`,{className:`adoption-radar-scan`})]}),_jsx(`span`,{className:`adoption-radar-label adoption-telemetry`,children:`Signal scan / active`})]})}function FraudGraphic(){return _jsxs(`div`,{className:`adoption-fraud`,children:[_jsxs(`div`,{className:`adoption-flags`,children:[_jsxs(`span`,{children:[_jsx(CircleAlert,{size:13}),`Signals for review`]}),_jsxs(`ul`,{children:[_jsx(`li`,{children:`Cash reserves declining`}),_jsx(`li`,{children:`Revenue evidence incomplete`}),_jsx(`li`,{children:`Concurrent borrowing detected`})]})]}),_jsx(`div`,{className:`adoption-telemetry`,children:`Borrower file / 024`}),_jsxs(`div`,{className:`adoption-mini-file`,children:[_jsx(`strong`,{children:`Business credit`}),_jsx(`span`,{children:`Institution: Example lender`}),_jsx(`span`,{children:`Requested: CAD 85,000`}),_jsx(`span`,{children:`Term: 24 months`})]})]})}function IncomeGraphic(){return _jsxs(`div`,{className:`adoption-income`,children:[_jsxs(`div`,{className:`adoption-deposit`,children:[_jsx(Banknote,{size:18}),_jsxs(`div`,{children:[_jsx(`strong`,{children:`Operating revenue`}),_jsx(`small`,{children:`Oct 15 · recurring deposit`})]}),_jsx(`b`,{children:`+$12,480`})]}),_jsxs(`div`,{className:`adoption-deposit secondary`,children:[_jsx(ArrowDownLeft,{size:16}),_jsxs(`div`,{children:[_jsx(`strong`,{children:`Contract payment`}),_jsx(`small`,{children:`Oct 08 · verified source`})]}),_jsx(`b`,{children:`+$3,250`})]}),_jsx(`div`,{className:`adoption-income-bars`,children:[88,62,73,91,69,82].map((height,i)=>_jsx(`i`,{className:i>2?`projected`:``,style:{\"--bar-height\":`${height}%`,\"--bar-delay\":`${i*100}ms`}},i))}),_jsxs(`div`,{className:`adoption-axis`,children:[_jsx(`span`,{children:`Observed income`}),_jsx(`span`,{children:`Expected pattern`})]})]})}function OffersGraphic(){return _jsxs(`div`,{className:`adoption-offers`,children:[_jsxs(`div`,{className:`adoption-capacity`,children:[_jsx(`span`,{children:`Repayment capacity`}),_jsxs(`div`,{className:`adoption-capacity-track`,children:[Array.from({length:8},(_,i)=>_jsx(`i`,{},i)),_jsx(`b`,{})]}),_jsxs(`div`,{className:`adoption-axis`,children:[_jsx(`span`,{children:`Lower`}),_jsx(`span`,{children:`Higher`})]})]}),_jsxs(`div`,{className:`adoption-offer-file`,children:[_jsx(`span`,{className:`adoption-telemetry`,children:`Offer scenario`}),_jsxs(`div`,{className:`adoption-offer-tags`,children:[_jsx(`span`,{children:`For review`}),_jsxs(`span`,{children:[_jsx(Check,{size:11}),`Policy aligned`]})]}),_jsx(`strong`,{children:`Working capital`}),_jsxs(`div`,{children:[_jsx(`span`,{children:`Principal`}),_jsx(`b`,{children:`CAD 60,000`})]}),_jsxs(`div`,{children:[_jsx(`span`,{children:`Term`}),_jsx(`b`,{children:`18 months`})]})]})]})}function PortfolioGraphic(){return _jsxs(`div`,{className:`adoption-portfolio`,children:[_jsx(`div`,{className:`adoption-telemetry`,children:`Liquidity / last six months`}),_jsxs(`svg`,{viewBox:`0 0 320 215`,fill:`none`,children:[[30,65,100,135,170,205].map(y=>_jsx(`path`,{d:`M12 ${y}H308`,stroke:`var(--line)`},y)),_jsx(`path`,{className:`adoption-trend`,d:`M12 85C45 85 51 72 80 76S122 64 153 67S190 62 210 79S259 108 308 144`,stroke:`var(--blue-secondary)`,strokeWidth:`2.5`,pathLength:`100`}),_jsx(`circle`,{className:`adoption-trend-point`,cx:`308`,cy:`144`,r:`4`,fill:`var(--signal-orange)`})]}),_jsxs(`div`,{className:`adoption-trend-alert`,children:[_jsx(CircleAlert,{size:12}),`Cash buffer declining`]}),_jsxs(`div`,{className:`adoption-axis`,children:[_jsx(`span`,{children:`May`}),_jsx(`span`,{children:`October`})]})]})}function CollectionsGraphic(){return _jsxs(`div`,{className:`adoption-collections`,children:[_jsx(`div`,{className:`adoption-code`,children:_jsx(`pre`,{children:`{\\n \"borrower\": \"example_024\",\\n \"cash_inflow\": 12480.00,\\n \"currency\": \"CAD\",\\n \"next_deposit\": \"Oct 30\",\\n \"payment_status\": \"review\"\\n}\\n\\n{\\n \"workflow\": \"repayment\",\\n \"next_step\": \"contact\",\\n \"approval\": \"required\"\\n}`})}),_jsx(`div`,{className:`adoption-person`,children:_jsx(UserRound,{size:36,strokeWidth:1.4})}),_jsxs(`span`,{className:`adoption-collections-tag`,children:[_jsx(Check,{size:12}),`Human-approved workflow`]})]})}function WebsiteGraphic({kind}){switch(kind){case`approvals`:return _jsx(ApprovalGraphic,{});case`radar`:return _jsx(RadarGraphic,{});case`fraud`:return _jsx(FraudGraphic,{});case`income`:return _jsx(IncomeGraphic,{});case`offers`:return _jsx(OffersGraphic,{});case`portfolio`:return _jsx(PortfolioGraphic,{});case`collections`:return _jsx(CollectionsGraphic,{})}}const specimens=[{kind:`income`,label:`Cash flow`,title:`Evidence becomes a pattern.`,description:`Use transaction rows and a simple bar chart to connect individual deposits to recurring income.`,construction:`Square evidence rows sit above a shared baseline. Solid bars show observed activity; hatched bars distinguish an expected pattern.`,motion:`Bars rise subtly from their baseline over a 5-second loop. Labels and transaction values stay still.`,alternative:`Sample operating revenue and contract payments above six bars; the final three bars are hatched to indicate an expected pattern.`},{kind:`radar`,label:`Signal scan`,title:`Make discovery visible.`,description:`Use a scanning field to explain how AMLOK brings emerging signals into focus.`,construction:`Nested rectangular frames, fine crosshairs, and small signal dots. One orange point introduces attention without turning the whole field into an alarm.`,motion:`A linear scan crosses the field over 5 seconds. Dots change opacity gently; nothing spins or flashes.`,alternative:`A square scanning field with nested frames, two blue signal dots, and one orange attention marker.`},{kind:`portfolio`,label:`Trend`,title:`Show the change that matters.`,description:`Use one line and a labeled endpoint to explain movement across a defined period.`,construction:`A restrained grid, a blue trend line, and a single attention marker. Keep the time range and the interpretation beside the graphic.`,motion:`The line draws, holds, and resets over 7 seconds. The period and “Cash buffer declining” label remain visible.`,alternative:`An illustrative six-month liquidity trend with a declining endpoint and the label Cash buffer declining.`},{kind:`offers`,label:`Capacity`,title:`Connect a signal to a review.`,description:`Use a segmented scale and a compact scenario card to show how evidence informs lending terms.`,construction:`A linear capacity scale, a clear indicator, and aligned label-value rows. Review and policy states use labeled semantic colors.`,motion:`The indicator moves gently within the scale over 6 seconds. The offer, amounts, and review labels remain stable.`,alternative:`A repayment capacity scale above a sample working capital offer of CAD 60,000 over 18 months, marked For review and Policy aligned.`},{kind:`approvals`,label:`Assessment`,title:`Explain the fuller picture.`,description:`Use a ring only when the composition or proportion is the story. The surrounding interface uses the shared rounded surface system.`,construction:`One blue arc, a neutral remainder, and a hatched segment with a legend. A circular chart is a data shape, not a new card shape.`,motion:`The emphasized arc shifts slowly over 6 seconds. This is a conceptual illustration, not a changing approval rate.`,alternative:`A conceptual credit-assessment ring using a blue arc, a hatched segment, and a neutral remainder to show additional cash flow context.`},{kind:`fraud`,label:`Review signals`,title:`Keep the evidence in context.`,description:`Use a short, labeled review list beside a borrower file to explain why a person should investigate.`,construction:`One warning surface, an outline icon, and specific evidence gaps. Describe what needs review without labeling a borrower as fraudulent.`,motion:`Only the review border changes emphasis over 6 seconds. The evidence remains legible throughout.`,alternative:`A sample borrower file with three review signals: declining reserves, incomplete revenue evidence, and concurrent borrowing.`},{kind:`collections`,label:`Workflow`,title:`Connect intelligence to action.`,description:`Use a structured data field and a human-centered symbol to explain an approved operational workflow.`,construction:`Monospace sample data sits behind a square person tile. A persistent label makes human approval explicit.`,motion:`Background sample data travels slowly over 14 seconds. The person tile and approval label stay fixed.`,alternative:`Illustrative repayment data behind a person icon in a square frame, labeled Human-approved workflow.`}];function BrandGraphics(){const[selected,setSelected]=useState(0);const[inView,setInView]=useState(false);const previewRef=useRef(null);const tabRefs=useRef([]);const specimen=specimens[selected];useEffect(()=>{const observer=new IntersectionObserver(([entry])=>setInView(entry.isIntersecting),{threshold:.1});if(previewRef.current)observer.observe(previewRef.current);return()=>observer.disconnect()},[]);return _jsxs(`div`,{className:`ds-graphics-library`,children:[_jsxs(`div`,{className:`ds-graphics-library-heading`,children:[_jsxs(`span`,{className:`ds-meta`,children:[_jsx(`i`,{}),`WEBSITE GRAPHICS / LIVE REFERENCE`]}),_jsxs(`a`,{href:`#website-graphics`,children:[`Graphic library `,_jsx(ArrowRight,{size:16})]})]}),_jsx(`div`,{className:`ds-graphics-tabs`,role:`tablist`,\"aria-label\":`Website graphic examples`,children:specimens.map((item,index)=>_jsx(`button`,{ref:node=>{tabRefs.current[index]=node},type:`button`,role:`tab`,id:`graphic-tab-${item.kind}`,\"aria-controls\":`website-graphic-panel`,\"aria-selected\":selected===index,tabIndex:selected===index?0:-1,onClick:()=>setSelected(index),onKeyDown:event=>{const next=event.key===`ArrowRight`?(index+1)%specimens.length:event.key===`ArrowLeft`?(index-1+specimens.length)%specimens.length:event.key===`Home`?0:event.key===`End`?specimens.length-1:null;if(next!==null){event.preventDefault();setSelected(next);tabRefs.current[next]?.focus()}},children:item.label},item.kind))}),_jsxs(`div`,{className:`ds-graphics-example`,role:`tabpanel`,id:`website-graphic-panel`,\"aria-labelledby\":`graphic-tab-${specimen.kind}`,tabIndex:0,children:[_jsxs(`figure`,{className:`ds-graphics-figure`,children:[_jsx(`div`,{ref:previewRef,className:`ds-graphics-stage website-graphic`,\"data-motion\":inView?`running`:`paused`,role:`img`,\"aria-label\":specimen.alternative,children:_jsx(`div`,{\"aria-hidden\":`true`,className:`ds-graphics-art`,children:_jsx(WebsiteGraphic,{kind:specimen.kind},specimen.kind)})}),_jsxs(`figcaption`,{children:[_jsx(`h3`,{children:specimen.title}),_jsx(`p`,{children:specimen.description})]})]}),_jsxs(`div`,{className:`ds-graphics-notes`,children:[_jsxs(`span`,{className:`ds-meta`,children:[`PATTERN / `,specimen.label.toUpperCase()]}),_jsxs(`dl`,{children:[_jsx(`dt`,{children:`Construction`}),_jsx(`dd`,{children:specimen.construction}),_jsx(`dt`,{children:`Motion`}),_jsx(`dd`,{children:specimen.motion}),_jsx(`dt`,{children:`Keep it honest`}),_jsx(`dd`,{children:`Use fictional, illustrative data in marketing. Real assessments need sources, units, and stable values; animation must never invent a result.`})]}),_jsx(`p`,{className:`ds-note`,children:`These are the same illustrations used on the homepage. Use the theme control to review their light and dark treatments.`})]})]})]})}const viewports=[390,768,1024,1440,1920];const contentWidth=width=>Math.min(siteLayout.contentMax,width-2*(width\u003csiteLayout.desktopBreakpoint?siteLayout.compactGutter:siteLayout.desktopGutter));const previousWidth=width=>Math.min(1344,width-(width\u003c=760?40:96));function BrandLayout(){const[viewport,setViewport]=useState(1440);const content=contentWidth(viewport);const margin=(viewport-content)/2;return _jsxs(`div`,{className:`ds-layout-standard`,children:[_jsxs(`div`,{className:`ds-layout-facts`,children:[_jsxs(`div`,{children:[_jsxs(`strong`,{children:[siteLayout.contentMax,`px`]}),_jsx(`span`,{children:`Maximum content width`})]}),_jsxs(`div`,{children:[_jsxs(`strong`,{children:[siteLayout.desktopGutter,`px`]}),_jsx(`span`,{children:`Minimum desktop margin`})]}),_jsxs(`div`,{children:[_jsxs(`strong`,{children:[siteLayout.compactGutter,`px`]}),_jsxs(`span`,{children:[`Margin below `,siteLayout.desktopBreakpoint,`px`]})]})]}),_jsx(`div`,{className:`ds-layout-controls`,role:`group`,\"aria-label\":`Layout preview screen width`,children:viewports.map(width=>_jsxs(`button`,{type:`button`,\"aria-pressed\":viewport===width,onClick:()=>setViewport(width),children:[width,`px`]},width))}),_jsxs(`div`,{className:`ds-layout-diagram`,role:`img`,\"aria-label\":`At ${viewport} pixels: ${content} pixels of content with ${margin} pixel margins on each side.`,children:[_jsxs(`div`,{className:`ds-layout-ruler`,children:[_jsxs(`span`,{children:[margin,`px`]}),_jsxs(`strong`,{children:[content,`px content`]}),_jsxs(`span`,{children:[margin,`px`]})]}),_jsxs(`div`,{className:`ds-layout-model`,style:{paddingInline:`${margin/viewport*100}%`},children:[_jsxs(`div`,{className:`ds-layout-model-header`,children:[_jsx(`b`,{children:`AMLOK`}),_jsx(`span`,{children:`Action`})]}),_jsx(`div`,{className:`ds-layout-model-grid`,children:Array.from({length:viewport\u003c768?4:viewport\u003c1024?8:12},(_,index)=>_jsx(`i`,{},index))}),_jsxs(`div`,{className:`ds-layout-model-row`,children:[_jsx(`span`,{}),_jsx(`span`,{})]}),_jsx(`div`,{className:`ds-layout-model-footer`,children:`Shared left and right edges`})]})]}),_jsx(`p`,{className:`ds-note`,children:`The AMLOK content area is 1,280px wide, with 48px minimum desktop gutters. Our layout tokens express the usable width directly.`}),_jsx(`div`,{className:`ds-spec-scroll`,role:`region`,tabIndex:0,\"aria-label\":`Previous and standard website width comparison`,children:_jsxs(`table`,{className:`ds-spec-table`,children:[_jsx(`thead`,{children:_jsxs(`tr`,{children:[_jsx(`th`,{children:`Screen width`}),_jsx(`th`,{children:`Previous AMLOK`}),_jsx(`th`,{children:`New shared width`}),_jsx(`th`,{children:`Side margin`})]})}),_jsx(`tbody`,{children:viewports.map(width=>_jsxs(`tr`,{children:[_jsxs(`td`,{children:[width,`px`]}),_jsxs(`td`,{children:[previousWidth(width),`px`]}),_jsxs(`td`,{children:[contentWidth(width),`px`]}),_jsxs(`td`,{children:[(width-contentWidth(width))/2,`px`]})]},width))})]})})]})}const illustrationDescriptions={verification:`An identity card is matched to a business document as a scan checks the evidence.`,underwriting:`Source documents converge into a credit memo with policy evidence and a human review gate.`,monitoring:`A square signal field scans a portfolio and isolates a borrower whose conditions have changed.`,investigation:`Two records share a highlighted reference, revealing a connection for an investigator to review.`,graph:`A branching constellation connects financial entities across ownership, accounts, and transactions.`,financial:`Fragmented transaction records are reconciled into one structured financial record.`,decision:`Evidence passes through a policy gate, with an exception routed to the credit team.`,simulation:`A portfolio and its digital twin are compared side by side, with a changed scenario isolated in a raised cobalt plane.`,customer:`The institution’s customer experience sits above the connected AMLOK operating layers.`,browser:`A browser agent selects an application field and carries its source-linked evidence into a review.`,embedded:`An AMLOK intelligence module fits directly into an institution’s existing product interface.`,workflow:`An agent workflow branches between evidence requests and a human approval step.`,api:`Raw transaction strings pass through a structured API boundary and emerge as labeled data.`,compliance:`A policy shield checks an incoming document and identifies an exception for review.`,quality:`A field of interaction records is inspected, with one conversation enlarged for quality review.`,builder:`An operating procedure is translated into modular, connected agent instructions.`,testing:`Several scenario paths run through a sandbox and arrive at distinct test outcomes.`,observability:`A highlighted source passage is linked to the exact statement it supports.`,support:`An institution and an AMLOK specialist collaborate around a shared implementation plan.`,channels:`Voice, messaging, and a web experience converge into a single borrower conversation.`};function Label({x,y,children,tone=``,size=12}){return _jsx(`text`,{x,y,className:`pi-label `+tone,style:{fontSize:size},children})}function Box({x,y,w,h,children,tone=``}){return _jsxs(`g`,{className:`pi-box `+tone,transform:`translate(`+x+` `+y+`)`,children:[_jsx(`rect`,{width:w,height:h,className:`pi-panel `+tone}),_jsx(`path`,{d:`M1 1H`+(w-1),className:`pi-edge-light`}),children]})}function Signal({x,y,tone=``}){return _jsxs(`g`,{className:`pi-signal `+tone,transform:`translate(`+x+` `+y+`)`,children:[_jsx(`circle`,{r:`9`,className:`pi-halo`}),_jsx(`circle`,{r:`3.5`})]})}function Connection({d,attention=false}){return _jsxs(_Fragment,{children:[_jsx(`path`,{d,className:`pi-connection`}),_jsx(`path`,{d,className:`pi-flow`+(attention?` secondary`:``)})]})}function Glyph({name,x=0,y=0,size=24,tone=``}){const paths={person:`M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM4 22v-4c0-5 16-5 16 0v4`,document:`M5 2h10l4 4v16H5ZM14 2v5h5M8 11h8M8 15h8M8 19h5`,shield:`M3 3h18v12l-9 7-9-7ZM8 11l3 3 6-7`,message:`M2 3h20v14H9l-5 4v-4H2ZM6 8h12M6 12h8`,calendar:`M3 4h18v18H3ZM3 9h18M7 1v6M17 1v6M7 13h3v3H7M14 13h3v3h-3`,cursor:`M5 2v18l5-5 4 7 4-2-4-7h7Z`,code:`m8 5-6 7 6 7M16 5l6 7-6 7M14 2l-4 20`,building:`M4 22V3h16v19M1 22h22M8 7h2M14 7h2M8 11h2M14 11h2M8 15h2M14 15h2M10 22v-4h4v4`,check:`m5 12 5 5L20 5`,phone:`M6 2h12v20H6ZM6 17h12M10 20h4`,voice:`M10 3v12M14 3v12M6 8v6c0 8 12 8 12 0V8M12 20v3M8 23h8`,link:`m9 14 6-6M8 16l-2 2c-5 5-9-3-5-6l6-6c4-4 9 0 6 4M16 8l2-2c5-5 9 3 5 6l-6 6c-4 4-9 0-6-4`,flag:`M5 23V2M5 3h14l-4 5 4 5H5`};return _jsx(`svg`,{x,y,width:size,height:size,viewBox:`0 0 24 24`,className:`pi-glyph `+tone,children:_jsx(`path`,{d:paths[name]})})}function Caption({children}){return _jsxs(`g`,{className:`pi-caption`,children:[_jsx(`path`,{d:`M24 22h9`,className:`pi-outline`}),_jsx(Label,{x:42,y:26,tone:`telemetry muted`,size:8,children})]})}function Paper({x,y,w=150,h=186,title,children,tone=``}){return _jsxs(`g`,{className:`pi-paper `+tone,transform:`translate(`+x+` `+y+`)`,children:[_jsx(`path`,{d:`M0 0H`+(w-22)+`L`+w+` 22V`+h+`H0Z`,className:`pi-panel `+tone}),_jsx(`path`,{d:`M1 1H`+(w-23),className:`pi-edge-light`}),_jsx(`path`,{d:`M`+(w-22)+` 0V22H`+w,className:`pi-fold`}),title\u0026\u0026_jsx(Label,{x:16,y:35,size:11,tone:`strong`,children:title}),children]})}function IllustrationMaterials({id}){return _jsxs(`defs`,{children:[_jsxs(`linearGradient`,{id:id+`-ceramic`,x1:`0`,y1:`0`,x2:`1`,y2:`1`,children:[_jsx(`stop`,{className:`pi-stop-canvas`}),_jsx(`stop`,{offset:`1`,className:`pi-stop-ceramic`})]}),_jsxs(`linearGradient`,{id:id+`-cobalt`,x1:`0`,y1:`0`,x2:`1`,y2:`1`,children:[_jsx(`stop`,{className:`pi-stop-signal`}),_jsx(`stop`,{offset:`.55`,className:`pi-stop-cobalt`}),_jsx(`stop`,{offset:`1`,className:`pi-stop-identity`})]}),_jsx(`radialGradient`,{id:id+`-hero`,cx:`0`,cy:`0`,r:`1`,gradientTransform:heroGradient.svgTransform,children:heroGradient.stops.map(stop=>_jsx(`stop`,{offset:stop.offset,stopColor:stop.color},stop.offset))}),_jsxs(`linearGradient`,{id:id+`-soft`,x1:`0`,y1:`0`,x2:`1`,y2:`1`,children:[_jsx(`stop`,{className:`pi-stop-canvas`}),_jsx(`stop`,{offset:`1`,className:`pi-stop-blue-soft`})]}),_jsxs(`linearGradient`,{id:id+`-scan`,children:[_jsx(`stop`,{stopColor:`var(--blue-secondary)`,stopOpacity:`0`}),_jsx(`stop`,{offset:`.5`,stopColor:`var(--blue-secondary)`,stopOpacity:`.2`}),_jsx(`stop`,{offset:`1`,stopColor:`var(--blue-secondary)`,stopOpacity:`0`})]}),_jsxs(`filter`,{id:id+`-shadow`,x:`-35%`,y:`-35%`,width:`180%`,height:`190%`,colorInterpolationFilters:`sRGB`,children:[_jsx(`feDropShadow`,{dx:`0`,dy:`2`,stdDeviation:`2`,floodColor:`var(--identity-blue)`,floodOpacity:`.06`}),_jsx(`feDropShadow`,{dx:`0`,dy:`12`,stdDeviation:`11`,floodColor:`var(--identity-blue)`,floodOpacity:`.10`})]})]})}function BrandCore({x,y,size=52}){return _jsxs(`g`,{transform:`translate(`+x+` `+y+`)`,className:`pi-core`,children:[_jsx(`path`,{d:`M0 0H`+size+`V`+size+`H0Z`,className:`pi-blue-block pi-elevated`}),_jsx(`path`,{d:`M0 `+size+`l8 5h`+size+`v-`+size+`l-8-5v`+size+`Z`,className:`pi-side-face`}),_jsx(`svg`,{x:size*.18,y:size*.18,width:size*.64,height:size*.64,viewBox:`0 0 32 32`,children:_jsx(`path`,{d:`M3 26 13 6h6l10 20h-7L16 13l-3.5 7H19l3 6H3Z`,fill:`var(--on-brand)`})}),_jsx(`path`,{d:`M1 1H`+(size-1),className:`pi-edge-light`})]})}function Badge({x,y,label,tone=`blue`,icon=`check`,w=124}){return _jsxs(Box,{x,y,w,h:31,tone:tone===`blue`?`selected`:tone===`warning`?`attention`:``,children:[_jsx(Glyph,{name:icon,x:10,y:8,size:15,tone:tone===`warning`?`attention`:`blue`}),_jsx(Label,{x:33,y:20,size:9,tone:tone===`warning`?`warning`:`blue`,children:label})]})}function RadarField({x=0,y=0,size=208}){return _jsxs(`g`,{transform:`translate(`+x+` `+y+`) scale(`+size/208+`)`,className:`pi-radar-field`,children:[_jsx(`rect`,{width:`208`,height:`208`,className:`pi-blue-block pi-elevated`}),Array.from({length:9},(_,i)=>_jsx(`path`,{d:`M`+i*26+` 0V208M0 `+i*26+`H208`,className:`pi-inverse-grid`},i)),[32,60,88].map(n=>_jsx(`rect`,{x:104-n,y:104-n,width:n*2,height:n*2,className:`pi-radar-contour`},n)),_jsx(`path`,{d:`M0 208 104 0 208 208M42 124H166`,className:`pi-radar-diagonal`}),[[35,52],[78,144],[144,72],[175,156],[113,106]].map(([a,b],i)=>_jsxs(`g`,{children:[_jsx(`circle`,{cx:a,cy:b,r:i===4?10:6,className:`pi-radar-halo`}),_jsx(`circle`,{cx:a,cy:b,r:i===4?3:2,className:i===4?`pi-radar-alert`:`pi-radar-dot`})]},i)),_jsxs(`g`,{className:`pi-radar-sweep`,children:[_jsx(`rect`,{x:`0`,y:`0`,width:`208`,height:`26`,className:`pi-radar-band`}),_jsx(`path`,{d:`M0 26H208`,className:`pi-radar-beam`})]}),_jsx(`path`,{d:`M97 90h32v32H97Z`,className:`pi-radar-target`})]})}function DocumentLines({x=16,y=54,width=100,count=4}){return _jsx(`g`,{children:Array.from({length:count},(_,i)=>_jsx(`path`,{d:`M`+x+` `+(y+i*15)+`h`+(width-[0,19,8,34][i%4]),className:`pi-document-line`},i))})}function Brackets({x,y,w,h}){return _jsx(`path`,{d:`M`+x+` `+(y+12)+`V`+y+`h12M`+(x+w-12)+` `+y+`h12v12M`+(x+w)+` `+(y+h-12)+`v12h-12M`+(x+12)+` `+(y+h)+`H`+x+`v-12`,className:`pi-outline`})}function PortfolioField({x=0,y=0,small=false,variant=false}){const cell=small?18:26,gap=small?7:10;return _jsx(`g`,{transform:`translate(`+x+` `+y+`)`,children:Array.from({length:20},(_,i)=>{const active=variant?[3,8,13,14].includes(i):[2,7,11].includes(i);return _jsx(`rect`,{x:i%5*(cell+gap),y:Math.floor(i/5)*(cell+gap),width:cell,height:cell,className:active?variant?`pi-tile violet`:`pi-tile blue`:`pi-tile`,style:{animationDelay:i*110+`ms`}},i)})})}function Verification({step}){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`VERIFY / CONNECT THE EVIDENCE`}),_jsx(`g`,{className:`pi-context`,children:_jsxs(Paper,{x:47,y:67,w:207,h:200,title:`Business registration`,children:[_jsx(Glyph,{name:`building`,x:18,y:59,size:34,tone:`blue`}),_jsx(DocumentLines,{x:69,y:68,width:107,count:3}),_jsx(`path`,{d:`M18 116H185`,className:`pi-grid`}),_jsx(Label,{x:18,y:140,size:11,children:`Example Co.`}),_jsx(Label,{x:18,y:161,size:9,tone:`muted`,children:`Ownership · source 01`}),_jsx(DocumentLines,{x:18,y:181,width:117,count:1})]})}),_jsx(Connection,{d:`M155 174H300V126`}),_jsx(`g`,{className:`pi-hover-card`,children:_jsxs(Box,{x:160,y:75,w:285,h:144,children:[_jsx(`rect`,{x:0,width:5,height:144,className:`pi-blue-block`}),_jsx(`rect`,{x:20,y:20,width:76,height:100,className:`pi-blue-block`}),_jsx(`path`,{d:`M20 120 58 40 96 120`,className:`pi-facet-line`}),_jsx(Glyph,{name:`person`,x:38,y:42,size:40,tone:`inverse`}),_jsx(Label,{x:113,y:35,size:9,tone:`telemetry muted`,children:`APPLICANT / 024`}),_jsx(Label,{x:113,y:62,size:19,tone:`strong`,children:`Identity resolved`}),_jsx(Label,{x:113,y:83,size:10,tone:`muted`,children:`Connected to the business.`}),_jsx(`path`,{d:`M113 98H265`,className:`pi-grid`}),_jsx(Glyph,{name:`check`,x:113,y:108,size:17,tone:`blue`}),_jsx(Label,{x:137,y:121,size:10,children:`Evidence matched`}),_jsx(`g`,{className:`pi-scan-id`,children:_jsx(`path`,{d:`M13 22H103`,className:`pi-scan-line`})})]})}),_jsx(Badge,{x:278,y:238,w:166,label:[`Identity match`,`Ownership linked`,`Evidence complete`,`Screening reviewed`][step%4]})]})}function Underwriting({step}){const items=[`Repayment capacity`,`Credit-policy fit`,`Unresolved risks`,`Reassessment`];return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`UNDERWRITE / EVIDENCE INTO JUDGMENT`}),_jsxs(Paper,{x:30,y:82,w:175,h:176,title:`Borrower evidence`,children:[_jsx(DocumentLines,{width:126,count:4}),_jsx(Glyph,{name:`link`,x:17,y:139,size:17,tone:`blue`}),_jsx(Label,{x:43,y:152,size:9,tone:`muted`,children:`3 linked sources`})]}),_jsx(`path`,{d:`M192 121H260`,className:`pi-connection`}),_jsxs(Box,{x:222,y:49,w:229,h:213,children:[_jsx(`rect`,{width:229,height:64,className:`pi-blue-block`}),_jsx(Label,{x:18,y:23,size:9,tone:`inverse telemetry`,children:`AMLOK / CREDIT MEMO`}),_jsx(Label,{x:18,y:48,size:20,tone:`inverse`,children:`A clearer decision.`}),items.map((s,i)=>_jsxs(`g`,{children:[_jsx(`rect`,{x:12,y:76+i*28,width:205,height:26,className:step===i?`pi-selection`:`pi-clear`}),_jsx(Glyph,{name:i===2?`flag`:`check`,x:21,y:81+i*28,size:15,tone:i===2?`attention`:`blue`}),_jsx(Label,{x:47,y:93+i*28,size:11,children:s})]},s))]}),_jsx(BrandCore,{x:171,y:131,size:48}),_jsx(Badge,{x:274,y:265,w:177,label:`Final decision: your team`,icon:`person`})]})}function Monitoring(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`MONITOR / A SIGNAL IN THE NOISE`}),_jsx(RadarField,{x:48,y:49,size:226}),_jsx(Connection,{attention:true,d:`M171 164H307V150`}),_jsxs(Box,{x:285,y:108,w:171,h:103,children:[_jsx(Label,{x:16,y:24,size:8,tone:`telemetry muted`,children:`BORROWER / 024`}),_jsx(Label,{x:16,y:50,size:17,tone:`strong`,children:`Change detected.`}),_jsx(`path`,{d:`M16 64H155`,className:`pi-grid`}),_jsx(Signal,{x:22,y:84,tone:`attention`}),_jsx(Label,{x:38,y:88,size:10,tone:`warning`,children:`Compare with baseline`})]}),_jsx(Badge,{x:292,y:228,w:151,label:`Evidence attached`,icon:`link`})]})}function Investigation({step}){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`INVESTIGATE / SEE THE HIDDEN CONNECTION`}),_jsxs(Box,{x:35,y:60,w:194,h:161,children:[_jsx(Glyph,{name:`building`,x:17,y:17,size:28,tone:`blue`}),_jsx(Label,{x:59,y:30,size:12,tone:`strong`,children:`Application 024`}),_jsx(Label,{x:59,y:47,size:8,tone:`muted`,children:`Business record`}),_jsx(DocumentLines,{x:17,y:74,width:151,count:2}),_jsx(`rect`,{x:13,y:108,width:168,height:33,className:`pi-attention-fill`}),_jsx(Label,{x:24,y:129,size:10,children:`120 Example Street`})]}),_jsxs(Box,{x:256,y:105,w:194,h:161,children:[_jsx(`rect`,{width:194,height:5,className:`pi-blue-block`}),_jsx(Glyph,{name:`person`,x:17,y:20,size:26,tone:`blue`}),_jsx(Label,{x:59,y:33,size:12,tone:`strong`,children:`Entity record 018`}),_jsx(Label,{x:59,y:50,size:8,tone:`muted`,children:`Related evidence`}),_jsx(DocumentLines,{x:17,y:77,width:151,count:2}),_jsx(`rect`,{x:13,y:108,width:168,height:33,className:`pi-attention-fill`}),_jsx(Label,{x:24,y:129,size:10,children:`120 Example Street`})]}),_jsx(Connection,{attention:true,d:`M216 184H241V229H269`}),_jsx(Signal,{x:241,y:205,tone:`attention`}),_jsx(Badge,{x:279,y:57,w:170,label:[`Shared reference`,`Context required`,`Compare evidence`,`Related entity`][step%4],tone:`warning`,icon:`link`})]})}function RiskGraph(){const nodes=[[55,83],[118,48],[178,85],[254,58],[324,82],[417,54],[433,154],[370,226],[283,262],[202,229],[119,256],[46,202],[25,142],[140,153],[235,145],[333,157]];const edges=[[0,1],[0,12],[0,13],[1,2],[2,3],[2,13],[2,14],[3,4],[4,5],[4,14],[4,15],[5,6],[6,7],[7,8],[7,15],[8,9],[8,14],[9,10],[9,13],[10,11],[11,12],[11,13],[13,14],[14,15]];return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`RESEARCH / FINANCIAL RELATIONSHIPS, RESOLVED`}),edges.map(([a,b],i)=>_jsx(Connection,{d:`M`+nodes[a][0]+` `+nodes[a][1]+`L`+nodes[b][0]+` `+nodes[b][1]},i)),nodes.map(([x,y],i)=>_jsxs(`g`,{children:[_jsx(`rect`,{x:x-9,y:y-9,width:18,height:18,className:i%3===0?`pi-blue-block`:`pi-panel pi-elevated`}),i%3===0\u0026\u0026_jsx(`circle`,{cx:x,cy:y,r:2,className:`pi-radar-dot`})]},i)),_jsxs(Box,{x:169,y:115,w:153,h:65,tone:`brand`,children:[_jsx(Label,{x:15,y:22,size:8,tone:`telemetry muted`,children:`CONNECTED ENTITY`}),_jsx(Label,{x:15,y:48,size:20,children:`Puppy Store`})]}),_jsx(Label,{x:29,y:63,size:8,tone:`muted`,children:`Ownership`}),_jsx(Label,{x:351,y:100,size:8,tone:`muted`,children:`Transactions`}),_jsx(Label,{x:61,y:284,size:8,tone:`muted`,children:`Accounts`}),_jsx(Label,{x:353,y:252,size:8,tone:`muted`,children:`Counterparties`})]})}function Financial(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`FINANCIAL INTELLIGENCE / CONNECT THE PICTURE`}),[`INTERAC E-TRF`,`STRIPE PAYOUT`,`PAD 09411`].map((a,i)=>_jsxs(Box,{x:26+i*12,y:65+i*58,w:197,h:46,children:[_jsx(Glyph,{name:i===2?`building`:`document`,x:12,y:13,size:19,tone:`blue`}),_jsx(Label,{x:42,y:20,size:8,tone:`telemetry muted`,children:a}),_jsx(Label,{x:42,y:36,size:12,children:[`+$12,480.00`,`+$3,250.00`,`−$1,840.00`][i]})]},a)),_jsx(Connection,{d:`M232 156H279`}),_jsx(BrandCore,{x:214,y:132,size:43}),_jsxs(Box,{x:281,y:64,w:174,h:193,tone:`brand`,children:[_jsx(Label,{x:17,y:27,size:8,tone:`telemetry`,children:`RESOLVED RECORD`}),_jsx(Label,{x:17,y:57,size:19,children:`Example Co.`}),_jsx(`path`,{d:`M17 73H157`,className:`pi-inverse-grid`}),[[`ENTITY`,`Business identified`],[`CATEGORY`,`Operating revenue`],[`EVIDENCE`,`Source linked`]].map(([a,b],i)=>_jsxs(`g`,{children:[_jsx(Label,{x:17,y:94+i*38,tone:`telemetry muted`,size:7,children:a}),_jsx(Label,{x:17,y:110+i*38,size:11,children:b})]},a))]})]})}function Decision(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`DECISION INTELLIGENCE / YOUR POLICY. YOUR CONTROL.`}),[0,1,2].map(i=>_jsxs(Box,{x:28+i*6,y:66+i*56,w:106,h:40,children:[_jsx(Glyph,{name:i===0?`document`:i===1?`building`:`link`,x:12,y:11,size:19,tone:`blue`}),_jsx(Label,{x:41,y:25,size:10,children:[`Evidence`,`Policy`,`Context`][i]})]},i)),_jsx(Connection,{d:`M136 142H179M253 142H284V89H321M284 142V217H321`}),_jsx(`path`,{d:`M174 62H251l18 18v148h-77l-18-18Z`,className:`pi-blue-block pi-elevated`}),_jsx(`path`,{d:`M251 62v148h-77M251 210l18 18`,className:`pi-facet-line`}),_jsx(Glyph,{name:`shield`,x:201,y:118,size:38,tone:`inverse`}),_jsxs(Box,{x:315,y:62,w:140,h:61,children:[_jsx(Glyph,{name:`check`,x:12,y:19,size:23,tone:`blue`}),_jsx(Label,{x:45,y:27,size:11,children:`Within criteria`}),_jsx(Label,{x:45,y:44,size:8,tone:`muted`,children:`Policy aligned`})]}),_jsxs(Box,{x:315,y:185,w:140,h:66,children:[_jsx(Glyph,{name:`person`,x:12,y:18,size:25,tone:`blue`}),_jsx(Label,{x:45,y:28,size:11,children:`Your team`}),_jsx(Label,{x:45,y:46,size:8,tone:`muted`,children:`Reviews exceptions`})]}),_jsx(Signal,{x:284,y:142}),_jsx(Label,{x:173,y:273,size:8,tone:`telemetry blue`,children:`POLICY ENGINE`})]})}function Simulation(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`DIGITAL TWIN / TEST ANOTHER REALITY`}),_jsx(`path`,{d:`M35 199H197l30 19H65ZM255 184H417l30 19H285Z`,className:`pi-floor-shadow`}),_jsxs(`g`,{transform:`translate(37 58)`,children:[_jsx(`path`,{d:`M0 17 24 0H184V162l-24 17H0Z`,className:`pi-side-face`}),_jsxs(Box,{x:0,y:17,w:160,h:162,children:[_jsx(Label,{x:15,y:25,size:10,tone:`strong`,children:`Your portfolio`}),_jsx(`g`,{transform:`translate(15 45) scale(.86)`,children:_jsx(PortfolioField,{small:true})}),_jsx(Label,{x:15,y:149,size:8,tone:`muted`,children:`Baseline / preserved`})]}),_jsx(`path`,{d:`M0 17 24 0H184L160 17Z`,className:`pi-facet-top`})]}),_jsx(`path`,{d:`M207 151h38m-6-6 6 6-6 6`,className:`pi-outline`}),_jsx(`g`,{className:`pi-twin-shift`,children:_jsxs(`g`,{transform:`translate(257 43)`,children:[_jsx(`path`,{d:`M0 17 24 0H184V162l-24 17H0Z`,className:`pi-side-face`}),_jsxs(Box,{x:0,y:17,w:160,h:162,tone:`brand`,children:[_jsx(Label,{x:15,y:25,size:10,children:`Digital twin`}),_jsx(`g`,{transform:`translate(15 45) scale(.86)`,children:_jsx(PortfolioField,{small:true,variant:true})}),_jsx(Label,{x:15,y:149,size:8,tone:`muted`,children:`Scenario / revised policy`})]}),_jsx(`path`,{d:`M0 17 24 0H184L160 17Z`,className:`pi-facet-top blue`})]})}),_jsx(Badge,{x:165,y:257,w:154,label:`Original stays unchanged`,icon:`shield`})]})}function Customer(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`CUSTOMER / YOUR EXPERIENCE ON TOP`}),[0,1,2].map(i=>_jsxs(`g`,{children:[_jsx(`path`,{d:`M91 `+(143+i*33)+`H352L394 `+(166+i*33)+`H133Z`,className:i===2?`pi-blue-block`:`pi-facet-top`}),_jsx(`path`,{d:`M133 `+(166+i*33)+`V`+(178+i*33)+`H394V`+(166+i*33)+`Z`,className:i===2?`pi-side-face`:`pi-selection`}),_jsx(`path`,{d:`M91 `+(143+i*33)+`v12l42 23v-12Z`,className:`pi-side-face`})]},i)),_jsxs(Box,{x:111,y:48,w:282,h:108,children:[_jsx(Glyph,{name:`building`,x:20,y:24,size:38,tone:`blue`}),_jsx(Label,{x:74,y:42,size:19,tone:`strong`,children:`Your institution`}),_jsx(Label,{x:74,y:64,size:10,tone:`muted`,children:`Brand · relationship · decision`}),_jsx(`path`,{d:`M20 86H261`,className:`pi-grid`})]}),_jsx(Connection,{d:`M86 92H57V217H91`}),_jsx(Signal,{x:57,y:143}),_jsx(Label,{x:140,y:280,size:8,tone:`telemetry blue`,children:`AMLOK / THE OPERATING LAYERS`})]})}function Browser(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`BROWSER AGENTS / WORK WHERE YOU WORK`}),_jsxs(Box,{x:27,y:47,w:363,h:222,children:[_jsx(`rect`,{width:363,height:29,className:`pi-chrome`}),_jsx(Signal,{x:18,y:14}),_jsx(Label,{x:36,y:18,size:8,tone:`telemetry muted`,children:`YOUR EXISTING SYSTEM`}),_jsx(`rect`,{x:1,y:30,width:50,height:191,className:`pi-chrome`}),[`person`,`document`,`calendar`].map((n,i)=>_jsx(Glyph,{name:n,x:16,y:52+i*46,size:19},n)),_jsx(Label,{x:70,y:63,tone:`strong`,size:18,children:`Borrower application`}),_jsx(Label,{x:70,y:89,size:10,tone:`muted`,children:`Financial statements`}),_jsxs(Box,{x:69,y:104,w:273,h:42,tone:`selected`,children:[_jsx(Glyph,{name:`document`,x:12,y:11,size:20,tone:`blue`}),_jsx(Label,{x:44,y:26,size:11,children:`Statement_2026.pdf`}),_jsx(Glyph,{name:`check`,x:241,y:13,size:18,tone:`blue`})]}),_jsx(Brackets,{x:62,y:97,w:287,h:56}),_jsx(DocumentLines,{x:70,y:174,width:171,count:2})]}),_jsx(`g`,{className:`pi-agent-cursor`,children:_jsx(Glyph,{name:`cursor`,x:310,y:170,size:37,tone:`blue`})}),_jsxs(Box,{x:252,y:227,w:204,h:49,tone:`brand`,children:[_jsx(Signal,{x:20,y:24}),_jsx(Label,{x:38,y:22,size:12,children:`Evidence captured`}),_jsx(Label,{x:38,y:38,size:8,tone:`muted`,children:`Original source stays attached`})]})]})}function Embedded(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`EMBEDDED / PART OF YOUR PRODUCT`}),_jsxs(Box,{x:29,y:49,w:385,h:215,children:[_jsx(`rect`,{width:385,height:30,className:`pi-chrome`}),_jsx(Label,{x:16,y:19,size:9,tone:`telemetry`,children:`YOUR PRODUCT`}),_jsx(`rect`,{x:15,y:47,width:103,height:151,className:`pi-chrome`}),_jsx(Glyph,{name:`person`,x:49,y:64,size:33}),_jsx(Label,{x:27,y:124,size:10,children:`Borrower profile`}),_jsx(DocumentLines,{x:27,y:144,width:72,count:2}),_jsx(Label,{x:145,y:64,size:11,tone:`strong`,children:`Financial context`}),_jsx(DocumentLines,{x:145,y:91,width:217,count:4})]}),_jsx(`g`,{className:`pi-module-insert`,children:_jsxs(Box,{x:193,y:117,w:252,h:154,tone:`brand`,children:[_jsx(Label,{x:18,y:25,size:8,tone:`telemetry muted`,children:`AMLOK / CONNECTED INTELLIGENCE`}),_jsx(Label,{x:18,y:57,size:20,children:`The complete picture.`}),_jsx(Label,{x:18,y:80,size:10,tone:`muted`,children:`Evidence. Context. Next steps.`}),_jsx(`path`,{d:`M18 96H234`,className:`pi-inverse-grid`}),_jsx(Glyph,{name:`document`,x:18,y:113,size:22,tone:`inverse`}),_jsx(Label,{x:52,y:124,size:11,children:`Borrower file connected`}),_jsx(Label,{x:52,y:141,size:8,tone:`muted`,children:`Inside your existing workspace`})]})})]})}function Workflow(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`WORKFLOW AGENTS / COORDINATE THE WORK`}),_jsx(Connection,{d:`M130 151H195M259 151H290V85H335M290 151V222H335`}),_jsxs(Box,{x:24,y:115,w:114,h:70,children:[_jsx(Glyph,{name:`document`,x:15,y:17,size:25,tone:`blue`}),_jsx(Label,{x:50,y:29,size:12,children:`New file`}),_jsx(Label,{x:15,y:56,size:9,tone:`muted`,children:`Evidence received`})]}),_jsx(BrandCore,{x:190,y:119,size:65}),_jsx(Label,{x:176,y:211,size:8,tone:`telemetry blue`,children:`WORKFLOW AGENT`}),_jsxs(Box,{x:324,y:54,w:133,h:67,children:[_jsx(Glyph,{name:`check`,x:13,y:14,size:20,tone:`blue`}),_jsx(Label,{x:44,y:28,size:11,children:`Verify evidence`}),_jsx(Label,{x:14,y:52,size:9,tone:`muted`,children:`Source checks complete`})]}),_jsxs(Box,{x:324,y:187,w:133,h:68,children:[_jsx(Glyph,{name:`person`,x:13,y:14,size:22,tone:`blue`}),_jsx(Label,{x:44,y:29,size:11,children:`Your team`}),_jsx(Label,{x:14,y:53,size:9,tone:`muted`,children:`Approval before action`})]}),_jsx(Badge,{x:154,y:50,w:136,label:`Your policy, applied`,icon:`shield`})]})}function Api(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`API / INTELLIGENCE AT THE BOUNDARY`}),[`INTERAC E-TRF ***a2`,`STRIPE MSP DEPOSIT`,`PAD SPF*94110NT`].map((s,i)=>_jsx(Box,{x:23+i*9,y:73+i*54,w:190,h:39,children:_jsx(Label,{x:12,y:24,size:10,tone:`code`,children:s})},s)),_jsx(Connection,{d:`M221 143H265`}),_jsxs(Box,{x:255,y:54,w:202,h:215,tone:`brand`,children:[_jsx(Label,{x:18,y:25,size:8,tone:`telemetry muted`,children:`AMLOK / STRUCTURED RESPONSE`}),_jsx(`path`,{d:`M18 38H184`,className:`pi-inverse-grid`}),_jsx(Label,{x:18,y:64,size:18,tone:`code`,children:`{`}),[[`entity`,`example_business`],[`category`,`operating_revenue`],[`evidence`,`source_01`]].map(([a,b],i)=>_jsxs(`g`,{children:[_jsx(Label,{x:34,y:85+i*38,size:9,tone:`code muted`,children:a+`:`}),_jsx(Label,{x:34,y:102+i*38,size:10,tone:`code`,children:b})]},a)),_jsx(Label,{x:18,y:205,size:18,tone:`code`,children:`}`})]}),_jsx(Glyph,{name:`code`,x:214,y:128,size:33,tone:`blue`})]})}function Compliance(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`COMPLIANCE / POLICY THROUGHOUT THE WORK`}),_jsxs(Paper,{x:41,y:62,w:181,h:200,title:`Policy requirements`,children:[_jsx(DocumentLines,{width:133,count:5}),_jsx(`rect`,{x:13,y:144,width:154,height:27,className:`pi-selection`}),_jsx(Label,{x:24,y:162,size:10,children:`Evidence + consent`})]}),_jsx(Connection,{d:`M222 157H281`}),_jsx(`path`,{d:`M281 53H428V180L354 237 281 180Z`,className:`pi-blue-block pi-elevated`}),_jsx(`path`,{d:`M294 66H415V174L354 220 294 174Z`,className:`pi-facet-line`}),_jsx(`path`,{d:`m324 126 22 22 41-48`,className:`pi-shield-check`}),_jsx(`path`,{d:`M354 53V237`,className:`pi-facet-line`}),_jsx(Badge,{x:247,y:250,w:201,label:`Exceptions reach your team`,icon:`flag`,tone:`warning`})]})}function Quality(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`QUALITY / EACH INTERACTION MATTERS`}),_jsx(`g`,{transform:`translate(29 66)`,children:Array.from({length:30},(_,i)=>_jsxs(`g`,{transform:`translate(`+i%6*33+` `+Math.floor(i/6)*36+`)`,children:[_jsx(`rect`,{width:25,height:27,className:i===14?`pi-panel attention`:i%4===0?`pi-blue-block`:`pi-panel`}),_jsx(Glyph,{name:i===14?`flag`:`check`,x:5,y:6,size:15,tone:i===14?`attention`:i%4===0?`inverse`:`blue`})]},i))}),_jsx(Connection,{d:`M107 151H260V125H288`}),_jsx(Brackets,{x:91,y:132,w:37,h:39}),_jsxs(Box,{x:274,y:68,w:180,h:188,children:[_jsx(`rect`,{width:180,height:48,className:`pi-blue-block`}),_jsx(Glyph,{name:`message`,x:15,y:13,size:23,tone:`inverse`}),_jsx(Label,{x:49,y:28,size:11,tone:`inverse`,children:`Interaction 014`}),_jsx(Label,{x:16,y:78,size:16,tone:`strong`,children:`Context in focus.`}),_jsx(DocumentLines,{x:16,y:97,width:144,count:3}),_jsx(`rect`,{x:13,y:122,width:154,height:25,className:`pi-attention-fill`}),_jsx(Label,{x:23,y:139,size:10,tone:`warning`,children:`Review this response`}),_jsx(Label,{x:16,y:172,size:9,tone:`muted`,children:`Source evidence attached`})]})]})}function Builder(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`AGENT BUILDER / TURN PROCEDURE INTO ACTION`}),_jsxs(Paper,{x:25,y:66,w:188,h:200,title:`Your operating procedure`,children:[_jsx(Label,{x:16,y:69,size:11,children:`1. Collect the evidence.`}),_jsx(Label,{x:16,y:99,size:11,children:`2. Apply your policy.`}),_jsx(Label,{x:16,y:129,size:11,children:`3. Ask for approval.`}),_jsx(DocumentLines,{y:159,width:136,count:2})]}),_jsx(Connection,{d:`M213 161H271`}),[[`Collect evidence`,`document`],[`Evaluate policy`,`shield`],[`Request approval`,`person`]].map(([label,icon],i)=>_jsxs(`g`,{transform:`translate(`+(263+i*10)+` `+(50+i*70)+`)`,children:[_jsx(`path`,{d:`M0 0 12-7h155l-12 7Z`,className:`pi-facet-top`}),_jsx(`path`,{d:`M155 0 167-7v53l-12 7Z`,className:`pi-side-face`}),_jsxs(Box,{x:0,y:0,w:155,h:53,tone:i===1?`brand`:``,children:[_jsx(Glyph,{name:icon,x:13,y:14,size:25,tone:i===1?`inverse`:`blue`}),_jsx(Label,{x:49,y:23,size:10,children:label.split(` `)[0]}),_jsx(Label,{x:49,y:39,size:10,children:label.split(` `)[1]})]})]},label))]})}function Testing(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`TESTING / EXPLORE THE EDGE CASES`}),_jsxs(Box,{x:28,y:102,w:111,h:86,tone:`brand`,children:[_jsx(Glyph,{name:`document`,x:17,y:17,size:28,tone:`inverse`}),_jsx(Label,{x:17,y:66,size:13,children:`Sample file`})]}),_jsx(Connection,{d:`M139 145H183V74H260M183 145H260M183 145V229H260`}),[`Missing evidence`,`Policy exception`,`Changed conditions`].map((s,i)=>_jsxs(Box,{x:249,y:49+i*78,w:201,h:58,children:[_jsx(`rect`,{width:4,height:58,className:i===1?`pi-attention-fill`:`pi-blue-block`}),_jsx(Glyph,{name:i===1?`flag`:`check`,x:15,y:18,size:22,tone:i===1?`attention`:`blue`}),_jsx(Label,{x:48,y:25,size:11,children:s}),_jsx(Label,{x:48,y:43,size:8,tone:`muted`,children:i===1?`Escalation expected`:`Expected behavior checked`})]},s)),_jsx(Label,{x:28,y:264,size:8,tone:`telemetry blue`,children:`SANDBOX / BEFORE DEPLOYMENT`})]})}function Observability(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`OBSERVABILITY / FOLLOW IT TO THE SOURCE`}),_jsxs(Paper,{x:40,y:52,w:210,h:224,title:`Source document`,children:[_jsx(DocumentLines,{width:166,count:3}),_jsx(`rect`,{x:13,y:105,width:183,height:46,className:`pi-blue-block`}),_jsx(Label,{x:23,y:124,size:10,tone:`inverse`,children:`Cash receipts reconciled`}),_jsx(Label,{x:23,y:141,size:10,tone:`inverse`,children:`with the source records.`}),_jsx(DocumentLines,{y:177,width:166,count:2}),_jsx(Label,{x:167,y:213,size:8,tone:`telemetry muted`,children:`P.04`})]}),_jsx(Connection,{d:`M237 182H278V143H299`}),_jsxs(Box,{x:277,y:91,w:179,h:123,children:[_jsx(Label,{x:16,y:25,size:8,tone:`telemetry blue`,children:`ASSESSMENT EXCERPT`}),_jsx(Label,{x:16,y:53,size:15,tone:`strong`,children:`Income evidence`}),_jsx(Label,{x:16,y:74,size:15,tone:`strong`,children:`is source-linked.`}),_jsx(Glyph,{name:`link`,x:16,y:91,size:16,tone:`blue`}),_jsx(Label,{x:40,y:104,size:9,tone:`blue`,children:`[1] Source · page 4`})]}),_jsx(`path`,{d:`M365 214V238`,className:`pi-connection`}),_jsx(Label,{x:292,y:259,size:9,tone:`muted`,children:`The evidence stays connected.`})]})}function Support(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`SUPPORT / A SHARED PATH FORWARD`}),_jsxs(Box,{x:115,y:47,w:263,h:213,children:[_jsx(Label,{x:18,y:29,size:10,tone:`telemetry blue`,children:`IMPLEMENTATION PLAN`}),_jsx(`path`,{d:`M18 43H244`,className:`pi-grid`}),[`Connect the workspace`,`Configure your policies`,`Review the first workflow`].map((s,i)=>_jsxs(`g`,{children:[_jsx(Glyph,{name:i===2?`document`:`check`,x:18,y:65+i*42,size:20,tone:`blue`}),_jsx(Label,{x:49,y:79+i*42,size:11,children:s})]},s))]}),_jsxs(Box,{x:28,y:100,w:129,h:75,children:[_jsx(Glyph,{name:`person`,x:15,y:14,size:25,tone:`blue`}),_jsx(Label,{x:15,y:58,size:11,children:`Your team`})]}),_jsxs(Box,{x:312,y:182,w:139,h:81,tone:`brand`,children:[_jsx(Glyph,{name:`message`,x:16,y:15,size:26,tone:`inverse`}),_jsx(Label,{x:16,y:62,size:12,children:`AMLOK specialist`})]})]})}function Channels(){return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`OMNICHANNEL / ONE BORROWER. EVERY CHANNEL.`}),_jsxs(Box,{x:28,y:65,w:111,h:161,children:[_jsx(`rect`,{x:10,y:21,width:91,height:117,className:`pi-chrome`}),_jsx(Glyph,{name:`phone`,x:39,y:45,size:37,tone:`blue`}),_jsx(Label,{x:22,y:112,size:11,children:`Your product`})]}),_jsxs(Box,{x:179,y:45,w:111,h:72,children:[_jsx(Glyph,{name:`message`,x:14,y:16,size:25,tone:`blue`}),_jsx(Label,{x:47,y:34,size:10,children:`Messaging`}),_jsx(DocumentLines,{x:14,y:55,width:80,count:1})]}),_jsxs(Box,{x:179,y:187,w:111,h:72,children:[_jsx(Glyph,{name:`voice`,x:14,y:16,size:25,tone:`blue`}),_jsx(Label,{x:47,y:35,size:11,children:`Voice`}),[10,16,23,15,10].map((h,i)=>_jsx(`path`,{d:`M`+(50+i*7)+` `+(64-h)+`v`+h,className:`pi-voice-line`},i))]}),_jsx(Connection,{d:`M139 145H324M290 81H324V145M290 223H324V145H356`}),_jsxs(Box,{x:353,y:100,w:105,h:108,tone:`brand`,children:[_jsx(Glyph,{name:`person`,x:36,y:16,size:31,tone:`inverse`}),_jsx(Label,{x:12,y:68,size:11,children:`One borrower`}),_jsx(Label,{x:12,y:88,size:9,tone:`muted`,children:`Shared context`})]}),_jsx(Signal,{x:324,y:145})]})}function Scene({kind,step}){switch(kind){case`verification`:return _jsx(Verification,{step});case`underwriting`:return _jsx(Underwriting,{step});case`monitoring`:return _jsx(Monitoring,{});case`investigation`:return _jsx(Investigation,{step});case`graph`:return _jsx(RiskGraph,{});case`financial`:return _jsx(Financial,{});case`decision`:return _jsx(Decision,{});case`simulation`:return _jsx(Simulation,{});case`customer`:return _jsx(Customer,{});case`browser`:return _jsx(Browser,{});case`embedded`:return _jsx(Embedded,{});case`workflow`:return _jsx(Workflow,{});case`api`:return _jsx(Api,{});case`compliance`:return _jsx(Compliance,{});case`quality`:return _jsx(Quality,{});case`builder`:return _jsx(Builder,{});case`testing`:return _jsx(Testing,{});case`observability`:return _jsx(Observability,{});case`support`:return _jsx(Support,{});case`channels`:return _jsx(Channels,{})}}function CompactScene({kind}){if(kind===`financial`)return _jsxs(_Fragment,{children:[[0,1,2].map(i=>_jsxs(Box,{x:18+i*7,y:30+i*48,w:154,h:38,children:[_jsx(Glyph,{name:`document`,x:11,y:11,size:17,tone:`blue`}),_jsx(Label,{x:37,y:23,size:9,tone:`code`,children:[`ETRF ***a2`,`STRIPE MSP`,`PAD 09411`][i]})]},i)),_jsxs(Box,{x:166,y:58,w:134,h:112,tone:`brand`,children:[_jsx(Glyph,{name:`link`,x:15,y:15,size:24,tone:`inverse`}),_jsx(Label,{x:15,y:62,size:14,children:`One clear record.`}),_jsx(Label,{x:15,y:83,size:9,tone:`muted`,children:`Entity + transaction`}),_jsx(Label,{x:15,y:100,size:9,tone:`muted`,children:`+ source evidence`})]})]});if(kind===`decision`)return _jsxs(_Fragment,{children:[_jsx(Connection,{d:`M59 61H115M59 103H115M59 145H115M166 103H207V63H244M207 103V148H244`}),[61,103,145].map((y,i)=>_jsx(Box,{x:24,y:y-16,w:42,h:33,children:_jsx(Glyph,{name:i===1?`building`:`document`,x:11,y:7,size:21,tone:`blue`})},y)),_jsx(`path`,{d:`M116 29H163l13 13v131h-47l-13-13Z`,className:`pi-blue-block pi-elevated`}),_jsx(`path`,{d:`M163 29v131h-47M163 160l13 13`,className:`pi-facet-line`}),_jsx(Glyph,{name:`shield`,x:131,y:89,size:28,tone:`inverse`}),_jsx(Box,{x:238,y:38,w:61,h:48,children:_jsx(Glyph,{name:`check`,x:18,y:12,size:25,tone:`blue`})}),_jsx(Box,{x:238,y:124,w:61,h:48,children:_jsx(Glyph,{name:`person`,x:18,y:11,size:25,tone:`blue`})}),_jsx(Signal,{x:207,y:103}),_jsx(Label,{x:91,y:197,size:8,tone:`telemetry`,children:`YOUR POLICY. YOUR DECISION.`})]});if(kind===`simulation`)return _jsxs(_Fragment,{children:[_jsxs(`g`,{transform:`translate(18 43)`,children:[_jsx(`path`,{d:`M0 0 16-9h118l-16 9Z`,className:`pi-facet-top`}),_jsx(`path`,{d:`M118 0 134-9v128l-16 9Z`,className:`pi-side-face`}),_jsxs(Box,{x:0,y:0,w:118,h:128,children:[_jsx(Label,{x:12,y:23,size:12,tone:`strong`,children:`Portfolio`}),_jsx(`g`,{transform:`translate(12 42) scale(.65)`,children:_jsx(PortfolioField,{small:true})})]})]}),_jsx(`g`,{className:`pi-twin-shift`,children:_jsxs(`g`,{transform:`translate(173 29)`,children:[_jsx(`path`,{d:`M0 0 16-9h118l-16 9Z`,className:`pi-facet-top blue`}),_jsx(`path`,{d:`M118 0 134-9v128l-16 9Z`,className:`pi-side-face`}),_jsxs(Box,{x:0,y:0,w:118,h:128,tone:`brand`,children:[_jsx(Label,{x:12,y:23,size:12,children:`Digital twin`}),_jsx(`g`,{transform:`translate(12 42) scale(.65)`,children:_jsx(PortfolioField,{small:true,variant:true})})]})]})}),_jsx(`path`,{d:`M149 106h17m-5-5 5 5-5 5`,className:`pi-outline`}),_jsx(Label,{x:75,y:197,size:8,tone:`telemetry muted`,children:`EXPLORE. COMPARE. DECIDE.`})]});return _jsxs(_Fragment,{children:[_jsx(RadarField,{x:25,y:20,size:166}),_jsx(Connection,{attention:true,d:`M115 105H223V118`}),_jsxs(Box,{x:169,y:113,w:134,h:68,children:[_jsx(Signal,{x:18,y:19,tone:`attention`}),_jsx(Label,{x:14,y:43,size:13,tone:`strong`,children:`Change detected.`}),_jsx(Label,{x:14,y:59,size:8,tone:`muted`,children:`Bring the context into review.`})]})]})}function PortraitScene({kind}){if(kind===`monitoring`)return _jsxs(_Fragment,{children:[_jsx(Label,{x:21,y:25,size:8,tone:`telemetry blue`,children:`PORTFOLIO / LIVE SIGNALS`}),_jsx(RadarField,{x:32,y:49,size:256}),_jsxs(Box,{x:18,y:244,w:277,h:99,children:[_jsx(Label,{x:17,y:25,size:8,tone:`telemetry muted`,children:`BORROWER 024 / EVIDENCE ATTACHED`}),_jsx(Label,{x:17,y:53,size:20,tone:`strong`,children:`A change worth reviewing.`}),_jsx(Signal,{x:23,y:77,tone:`attention`}),_jsx(Label,{x:40,y:81,size:11,tone:`warning`,children:`New conditions. Original context.`})]}),_jsx(Badge,{x:66,y:361,w:230,label:`Review against the original assessment`,icon:`link`})]});return _jsxs(_Fragment,{children:[_jsx(Label,{x:21,y:25,size:8,tone:`telemetry blue`,children:`DEAL / EVIDENCE INTO ASSESSMENT`}),_jsx(Box,{x:37,y:71,w:247,h:280,tone:`selected`}),_jsxs(Box,{x:21,y:51,w:247,h:280,children:[_jsx(`rect`,{width:247,height:88,className:`pi-blue-block`}),_jsx(Label,{x:18,y:27,size:8,tone:`telemetry inverse`,children:`AMLOK / CREDIT MEMO`}),_jsx(Label,{x:18,y:58,size:25,tone:`inverse`,children:`Coffee \u0026 Co`}),_jsx(Label,{x:18,y:76,size:9,tone:`inverse muted`,children:`Prepared from linked borrower evidence`}),[`Repayment capacity`,`Policy alignment`,`Unresolved questions`].map((label,i)=>_jsxs(`g`,{children:[_jsx(`path`,{d:`M17 `+(103+i*43)+`H229`,className:`pi-grid`}),_jsx(Glyph,{name:i===2?`flag`:`check`,x:18,y:117+i*43,size:19,tone:i===2?`attention`:`blue`}),_jsx(Label,{x:49,y:131+i*43,size:12,children:label})]},label)),_jsx(`rect`,{x:15,y:240,width:217,height:25,className:`pi-selection`}),_jsx(Label,{x:27,y:257,size:10,tone:`blue`,children:`Final decision: your team`})]}),_jsx(Badge,{x:62,y:367,w:236,label:`Sources stay with the assessment`,icon:`link`})]})}function DetailScene({kind}){if(kind===`customer`)return _jsx(Customer,{});if(kind===`verification`)return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`ONBOARDING / THE IDENTITY COMES TOGETHER`}),[`Applicant`,`Business`,`Ownership`].map((name,i)=>_jsx(`g`,{transform:`translate(`+(30+i*147)+` `+(75+(i===1?-24:0))+`)`,children:_jsxs(Box,{x:0,y:0,w:124,h:161,tone:i===1?`brand`:``,children:[_jsx(Glyph,{name:i===0?`person`:i===1?`building`:`link`,x:39,y:26,size:46,tone:i===1?`inverse`:`blue`}),_jsx(Label,{x:16,y:105,size:15,children:name}),_jsx(`path`,{d:`M16 122H108`,className:i===1?`pi-inverse-grid`:`pi-grid`}),_jsx(Label,{x:16,y:144,size:9,tone:`muted`,children:`Evidence connected`})]})},name)),_jsx(Connection,{d:`M92 236V267H386V236M240 212V267`}),_jsx(Signal,{x:240,y:267})]});if(kind===`underwriting`)return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`UNDERWRITING / ASSESS THE WHOLE FILE`}),_jsx(`path`,{d:`M31 92H157l17 18h274v153H31Z`,className:`pi-selection`}),_jsx(Paper,{x:54,y:57,w:168,h:179,title:`Capacity`,children:_jsx(DocumentLines,{width:120,count:5})}),_jsx(Paper,{x:247,y:43,w:168,h:179,title:`Policy fit`,children:_jsx(DocumentLines,{width:120,count:5})}),_jsxs(Box,{x:102,y:181,w:273,h:69,tone:`brand`,children:[_jsx(Glyph,{name:`person`,x:19,y:20,size:30,tone:`inverse`}),_jsx(Label,{x:65,y:29,size:14,tone:`inverse`,children:`Your team owns the judgment.`}),_jsx(Label,{x:65,y:49,size:10,tone:`inverse`,children:`Evidence prepared. Questions surfaced.`})]})]});if(kind===`monitoring`)return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`MONITORING / EVERY CHANGE HAS CONTEXT`}),_jsx(`path`,{d:`M50 154H424`,className:`pi-connection`}),[73,181,289,407].map((x,i)=>_jsxs(`g`,{children:[_jsx(`rect`,{x:x-7,y:147,width:14,height:14,className:i===3?`pi-attention-fill`:`pi-blue-block`}),_jsx(Label,{x:x-24,y:184,size:8,tone:`telemetry muted`,children:[`FUNDED`,`MONTH 01`,`MONTH 02`,`TODAY`][i]})]},x)),_jsxs(Box,{x:28,y:47,w:178,h:77,tone:`brand`,children:[_jsx(Label,{x:16,y:30,size:16,children:`Original assessment`}),_jsx(Label,{x:16,y:53,size:10,tone:`muted`,children:`The baseline stays attached.`})]}),_jsx(Connection,{d:`M73 124V147`}),_jsxs(Box,{x:258,y:211,w:198,h:64,children:[_jsx(Signal,{x:21,y:28,tone:`attention`}),_jsx(Label,{x:43,y:28,size:14,tone:`strong`,children:`New evidence arrived.`}),_jsx(Label,{x:43,y:49,size:9,tone:`muted`,children:`Compare. Reassess. Respond.`})]}),_jsx(Connection,{attention:true,d:`M407 161V211`})]});return _jsxs(_Fragment,{children:[_jsx(Caption,{children:`INVESTIGATION / CONNECT WHAT WAS SEPARATE`}),_jsxs(Box,{x:30,y:55,w:184,h:134,children:[_jsx(`rect`,{width:184,height:38,className:`pi-blue-block`}),_jsx(Label,{x:16,y:25,size:13,tone:`inverse`,children:`Borrower record`}),_jsx(Label,{x:16,y:62,size:10,tone:`muted`,children:`Associated account`}),_jsx(`rect`,{x:13,y:81,width:158,height:31,className:`pi-attention-fill`}),_jsx(Label,{x:24,y:102,size:12,tone:`code`,children:`ACCT •••• 0142`})]}),_jsxs(Box,{x:272,y:117,w:184,h:134,children:[_jsx(Label,{x:16,y:29,size:16,tone:`strong`,children:`Connected entity`}),_jsx(Label,{x:16,y:62,size:10,tone:`muted`,children:`Associated account`}),_jsx(`rect`,{x:13,y:81,width:158,height:31,className:`pi-attention-fill`}),_jsx(Label,{x:24,y:102,size:12,tone:`code`,children:`ACCT •••• 0142`})]}),_jsx(Connection,{attention:true,d:`M214 152H243V214H272`}),_jsx(Signal,{x:243,y:181,tone:`attention`}),_jsx(Label,{x:67,y:283,size:9,tone:`muted`,children:`Shared evidence. A connection worth investigating.`})]})}function ProductIllustration({kind,step=0,className=``,format=`standard`,brandFill=`cobalt`}){const id=`pi-`+useId().replace(/[^a-zA-Z0-9_-]/g,``);const materials={\"--pi-ceramic\":`url(#${id}-ceramic)`,\"--pi-cobalt\":`url(#${id}-${brandFill})`,\"--pi-soft\":`url(#${id}-soft)`,\"--pi-scan\":`url(#${id}-scan)`,\"--pi-shadow\":`url(#${id}-shadow)`};const ref=useRef(null);const[visible,setVisible]=useState(false);useEffect(()=>{const node=ref.current;if(!node)return;const observer=new IntersectionObserver(([entry])=>setVisible(entry.isIntersecting),{threshold:.05});observer.observe(node);return()=>observer.disconnect()},[]);return _jsx(`div`,{ref,style:materials,className:`product-illustration `+className,\"data-illustration\":kind,\"data-format\":format,\"data-brand-fill\":brandFill,\"data-motion\":visible?`running`:`paused`,role:`img`,\"aria-label\":`Illustrative graphic: `+illustrationDescriptions[kind],children:_jsxs(`svg`,{viewBox:format===`portrait`?`0 0 320 414`:format===`compact`?`0 0 320 206`:`0 0 480 300`,fill:`none`,\"aria-hidden\":`true`,focusable:`false`,children:[_jsx(IllustrationMaterials,{id}),format===`portrait`?_jsx(PortraitScene,{kind}):format===`compact`?_jsx(CompactScene,{kind}):format===`detail`?_jsx(DetailScene,{kind}):_jsx(Scene,{kind,step})]})})}function ProductIllustrationLibrary(){const[kind,setKind]=useState(`verification`);return _jsxs(`div`,{className:`ds-product-graphics`,children:[_jsx(`span`,{className:`ds-meta`,children:`PRODUCT \u0026 WORKFLOW GRAPHICS / LIVE REFERENCE`}),_jsx(`div`,{className:`ds-illustration-families`,children:[`verification`,`monitoring`,`simulation`,`embedded`,`observability`].map(item=>_jsxs(`button`,{type:`button`,onClick:()=>setKind(item),\"aria-pressed\":kind===item,children:[_jsx(ProductIllustration,{kind:item}),_jsx(`span`,{children:item.charAt(0).toUpperCase()+item.slice(1)})]},item))}),_jsx(`label`,{htmlFor:`product-graphic-example`,children:`Choose a homepage illustration`}),_jsx(`select`,{id:`product-graphic-example`,value:kind,onChange:event=>setKind(event.target.value),children:Object.keys(illustrationDescriptions).map(key=>_jsx(`option`,{value:key,children:key.charAt(0).toUpperCase()+key.slice(1)},key))}),_jsx(`div`,{className:`ds-illustration-selected`,children:_jsx(ProductIllustration,{kind})}),_jsxs(`p`,{className:`ds-note`,children:[illustrationDescriptions[kind],` Shared colors and geometry create consistency; the subject determines the composition. Documents, scans, risk signals, modular systems, and source connections each tell a different story. All sample data is fictional.`]})]})}const navigation=[{label:`SYSTEM`,items:[[`overview`,`Overview`],[`identity`,`Identity`],[`socials`,`Socials`],[`geometry`,`Geometry`]]},{label:`FOUNDATIONS`,items:[[`surfaces`,`Borders \u0026 elevation`],[`color`,`Color \u0026 themes`],[`typography`,`Typography`],[`layout`,`Layout \u0026 spacing`],[`imagery`,`Fields \u0026 imagery`],[`exploration`,`Signals \u0026 icons`],[`website-graphics`,`Website graphics`]]},{label:`EXPERIENCE`,items:[[`components`,`Controls \u0026 forms`],[`data`,`Data \u0026 workflows`],[`ai`,`AI \u0026 human decisions`],[`marketing`,`Web \u0026 marketing`],[`voice`,`Voice \u0026 content`]]},{label:`DELIVERY`,items:[[`motion`,`Motion`],[`accessibility`,`Accessibility`],[`implementation`,`Tokens \u0026 governance`]]}];function Section({id,number,title,description,children}){return _jsxs(`section`,{id,className:`ds-section`,children:[_jsxs(`header`,{className:`ds-section-heading`,children:[_jsxs(`span`,{className:`ds-meta`,children:[_jsx(`i`,{}),number,` / AMLOK DESIGN SYSTEM`]}),_jsx(`h2`,{children:title}),_jsx(`p`,{children:description})]}),children]})}function Rules({items}){return _jsx(`div`,{className:`ds-rules`,children:items.map(([title,body],i)=>_jsxs(`article`,{children:[_jsx(`span`,{className:`ds-meta`,children:String(i+1).padStart(2,`0`)}),_jsx(`h3`,{children:title}),_jsx(`p`,{children:body})]},title))})}function Specs({headings,rows}){return _jsx(`div`,{className:`ds-spec-scroll`,role:`region`,tabIndex:0,\"aria-label\":headings.join(`, `),children:_jsxs(`table`,{className:`ds-spec-table`,children:[_jsx(`thead`,{children:_jsx(`tr`,{children:headings.map(h=>_jsx(`th`,{children:h},h))})}),_jsx(`tbody`,{children:rows.map((row,i)=>_jsx(`tr`,{children:row.map((cell,j)=>_jsx(`td`,{children:cell},j))},i))})]})})}function BrandSystem(){const[active,setActive]=useState(`overview`);const[dark,setDark]=useState(false);const[menuOpen,setMenuOpen]=useState(false);const[notice,setNotice]=useState(``);const[paused,setPaused]=useState(true);const dialogRef=useRef(null);const toastTimer=useRef(null);useEffect(()=>{const sections=Array.from(document.querySelectorAll(`.ds-main>section[id]`));let frame=0;const update=()=>{frame=0;setActive(sections.reduce((current,section)=>section.getBoundingClientRect().top\u003c=200?section.id:current,`overview`))};const onScroll=()=>{if(!frame)frame=requestAnimationFrame(update)};update();window.addEventListener(`scroll`,onScroll,{passive:true});return()=>{window.removeEventListener(`scroll`,onScroll);cancelAnimationFrame(frame);if(toastTimer.current)clearTimeout(toastTimer.current)}},[]);const notify=message=>{setNotice(message);if(toastTimer.current)clearTimeout(toastTimer.current);toastTimer.current=setTimeout(()=>setNotice(``),5e3)};const copy=async(value,label)=>{try{await navigator.clipboard.writeText(value);notify(`${label} copied`)}catch{notify(`Clipboard unavailable. Download the tokens instead.`)}};return _jsxs(`div`,{className:`ds-system amlok-brand not-prose`,\"data-amlok-theme\":dark?`dark`:`light`,children:[_jsx(`a`,{href:`#ds-main`,className:`ds-skip`,children:`Skip to guidelines`}),_jsxs(`header`,{className:`ds-topbar`,children:[_jsx(_components.a,{href:`/resources/brand`,\"aria-label\":`AMLOK design system`,children:_jsx(Wordmark,{})}),_jsxs(`span`,{className:`ds-topbar-title`,children:[`Design system `,_jsxs(`small`,{children:[`v`,brand.version]})]}),_jsxs(`div`,{className:`ds-topbar-actions`,children:[_jsxs(_components.a,{href:`/resources/brand#implementation`,className:`ds-topbar-site`,children:[`Design tokens `,_jsx(ArrowRight,{size:16})]}),_jsx(`button`,{className:`ds-icon-button`,onClick:()=>setDark(!dark),\"aria-label\":dark?`Switch to light theme`:`Switch to dark theme`,children:dark?_jsx(Sun,{size:19}):_jsx(Moon,{size:19})}),_jsx(`button`,{className:`ds-icon-button ds-menu-toggle`,\"aria-label\":`Toggle guidelines navigation`,\"aria-expanded\":menuOpen,\"aria-controls\":`ds-navigation`,onClick:()=>setMenuOpen(!menuOpen),children:menuOpen?_jsx(X,{size:20}):_jsx(Menu,{size:20})})]})]}),_jsxs(`aside`,{className:`ds-sidebar ${menuOpen?`is-open`:``}`,id:`ds-navigation`,children:[_jsx(`nav`,{\"aria-label\":`Design system sections`,children:navigation.map(group=>_jsxs(`div`,{children:[_jsx(`p`,{className:`ds-meta`,children:group.label}),group.items.map(([id,label])=>_jsx(_components.a,{href:`#${id}`,\"aria-current\":active===id?`location`:undefined,onClick:()=>{setActive(id);setMenuOpen(false)},children:label},id))]},group.label))}),_jsxs(_components.a,{className:`ds-download`,href:`/brand/amlok-tokens.txt`,download:`amlok-tokens.css`,children:[_jsx(Download,{size:16}),`Download tokens`]})]}),_jsxs(`main`,{id:`ds-main`,className:`ds-main`,children:[_jsxs(`section`,{id:`overview`,className:`ds-overview`,children:[_jsxs(`div`,{className:`ds-overview-copy`,children:[_jsxs(`span`,{className:`ds-meta`,children:[_jsx(`i`,{}),`AMLOK / SYSTEM 02`]}),_jsxs(`h1`,{children:[`Intelligence`,_jsx(`br`,{}),`in focus.`]}),_jsxs(`p`,{className:`ds-overview-manifesto`,children:[`Clear by design.`,_jsx(`br`,{}),`Connected by signals.`]}),_jsx(`p`,{children:`A clear, approachable system for financial risk intelligence. Rounded surfaces give content room to breathe. Precise graphics explain the work. AMLOK blue and purposeful signals connect every experience.`}),_jsxs(`a`,{href:`#geometry`,className:`ds-button`,children:[`Explore the system `,_jsx(ArrowRight,{size:18})]})]}),_jsx(RadarVisual,{paused:true,label:`STRUCTURE / SIGNAL / HUMAN CONTROL`}),_jsxs(`div`,{className:`ds-overview-foot`,children:[_jsx(`span`,{children:`WEB · MARKETING · PRODUCT`}),_jsx(`span`,{children:`INTER / JETBRAINS MONO`}),_jsxs(`span`,{children:[`VERSION `,brand.version,` / `,brand.reviewed]})]})]}),_jsxs(`div`,{className:`ds-principles`,children:[_jsxs(`article`,{children:[_jsx(`span`,{children:`01 / STRUCTURE`}),_jsx(`p`,{children:`Soft edges. Precise alignment.`})]}),_jsxs(`article`,{children:[_jsx(`span`,{children:`02 / SIGNAL`}),_jsx(`p`,{children:`Attention has a purpose.`})]}),_jsxs(`article`,{children:[_jsx(`span`,{children:`03 / CONTROL`}),_jsx(`p`,{children:`People own the decision.`})]})]}),_jsxs(Section,{id:`identity`,number:`01`,title:`A recognizable identity.`,description:`The AMLOK A is the primary mark. Its straight edges and internal negative space anchor our illustrations. Rounded interface surfaces complement the mark while preserving its original geometry.`,children:[_jsxs(`div`,{className:`ds-logo-grid`,children:[_jsxs(`div`,{className:`ds-logo-stage`,children:[_jsx(`img`,{className:`ds-logo-asset`,src:`/brand/amlok-logo-blue.svg`,width:`159`,height:`30`,alt:`AMLOK icon and wordmark in blue`}),_jsx(`span`,{children:`FULL LOGO / LIGHT SURFACES`})]}),_jsxs(`div`,{className:`ds-logo-stage ds-logo-inverse`,children:[_jsx(`img`,{className:`ds-logo-asset`,src:`/brand/amlok-logo-white.svg`,width:`159`,height:`30`,alt:`AMLOK icon and wordmark in white`}),_jsx(`span`,{children:`FULL LOGO / DARK SURFACES`})]}),_jsxs(`div`,{className:`ds-symbol-stage`,children:[_jsx(Mark,{}),_jsx(`span`,{children:`SYMBOL / ORIGINAL GEOMETRY`})]})]}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-logo-blue.svg`,download:true,children:[_jsx(Download,{size:16}),`Blue full logo · SVG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-logo-white.svg`,download:true,children:[_jsx(Download,{size:16}),`White full logo · SVG`]}),_jsx(`span`,{className:`ds-note`,children:`Icon + wordmark · transparent background · outlined lettering`})]}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-mark-blue.svg`,download:true,children:[_jsx(Download,{size:16}),`Blue mark · SVG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-mark-white.svg`,download:true,children:[_jsx(Download,{size:16}),`White mark · SVG`]}),_jsx(`span`,{className:`ds-note`,children:`Symbol only · for favicons and compact spaces`})]}),_jsxs(`div`,{className:`ds-profile-logo`,id:`profile-logo`,children:[_jsx(`img`,{src:`/brand/amlok-profile-blue.svg`,width:`1024`,height:`1024`,alt:`White AMLOK symbol centered on an AMLOK blue square`}),_jsxs(`div`,{children:[_jsx(`span`,{className:`ds-meta`,children:`SOCIAL / PROFILE LOGO`}),_jsx(`h3`,{children:`White on AMLOK blue.`}),_jsxs(`p`,{children:[`The default profile logo for social channels and company accounts. Use the solid `,_jsx(`strong`,{children:`#052698`}),` background and the original white symbol. The square asset includes safe space for platforms that crop profile pictures into circles.`]}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button`,href:`/brand/amlok-profile-blue.png`,download:true,children:[_jsx(Download,{size:16}),`Profile logo · PNG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-profile-blue.svg`,download:true,children:[_jsx(Download,{size:16}),`Profile logo · SVG`]})]}),_jsx(`p`,{className:`ds-note`,children:`1024 × 1024px PNG · Scalable SVG · Keep the supplied padding`})]})]}),_jsxs(`div`,{className:`ds-profile-logo`,id:`profile-logo-white`,children:[_jsx(`img`,{src:`/brand/amlok-profile-white.svg`,width:`1024`,height:`1024`,alt:`AMLOK blue symbol centered on a white square`}),_jsxs(`div`,{children:[_jsx(`span`,{className:`ds-meta`,children:`SOCIAL / PROFILE LOGO`}),_jsx(`h3`,{children:`AMLOK blue on white.`}),_jsxs(`p`,{children:[`Use the original `,_jsx(`strong`,{children:`#052698`}),` blue symbol on a solid white background for a light profile image. The square asset keeps the same logo size and safe space as the blue version, including room for circular crops.`]}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button`,href:`/brand/amlok-profile-white.png`,download:true,children:[_jsx(Download,{size:16}),`Profile logo · PNG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-profile-white.svg`,download:true,children:[_jsx(Download,{size:16}),`Profile logo · SVG`]})]}),_jsx(`p`,{className:`ds-note`,children:`1024 × 1024px PNG · Scalable SVG · Keep the supplied padding`})]})]}),_jsxs(`div`,{className:`ds-profile-logo`,id:`profile-logo-gradient`,children:[_jsx(`img`,{src:`/brand/amlok-profile-gradient.svg`,width:`1024`,height:`1024`,alt:`White AMLOK symbol centered on the AMLOK blue hero gradient`}),_jsxs(`div`,{children:[_jsx(`span`,{className:`ds-meta`,children:`SOCIAL / PROFILE LOGO`}),_jsx(`h3`,{children:`White on the AMLOK gradient.`}),_jsxs(`p`,{children:[`Use the original white symbol on our blue hero gradient. The field moves from `,_jsx(`strong`,{children:`#1B4FE0`}),` through `,_jsx(`strong`,{children:`#1140C3`}),` to `,_jsx(`strong`,{children:`#052698`}),`. The logo geometry, size, and safe space match the solid-background versions.`]}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button`,href:`/brand/amlok-profile-gradient.png`,download:true,children:[_jsx(Download,{size:16}),`Profile logo · PNG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/amlok-profile-gradient.svg`,download:true,children:[_jsx(Download,{size:16}),`Profile logo · SVG`]})]}),_jsx(`p`,{className:`ds-note`,children:`1024 × 1024px PNG · Scalable SVG · Keep the supplied padding`})]})]}),_jsx(Rules,{items:[[`Protect the mark`,`Keep one symbol-width of clear space around the logo. Use the supplied SVG. Minimum symbol size: 24px; minimum wordmark width: 112px. Use the symbol alone in compact navigation.`],[`One identity, two signatures`,`AMLOK is the written name. The established lowercase wordmark is the visual signature. Use blue on light surfaces and white on dark fields. Never stretch, outline, crop, rotate, or add glow to the mark.`],[`Shield as a supporting motif`,`Use an angular shield in illustrations and protection-related signals. It is not a replacement logo or an unearned security certification.`]]})]}),_jsxs(Section,{id:`socials`,number:`SOCIAL`,title:`Socials`,description:`Download the AMLOK LinkedIn covers for our company page and employee profiles. Both use our blue hero artwork and leave space on the left for the profile image.`,children:[_jsxs(`div`,{className:`ds-social-assets`,children:[_jsxs(`article`,{className:`ds-panel ds-social-asset`,children:[_jsx(`span`,{className:`ds-meta`,children:`LINKEDIN / COMPANY PAGE`}),_jsx(`h3`,{children:`Company banner`}),_jsx(`p`,{children:`Risk is a movie, not a photo`}),_jsx(`img`,{className:`ds-social-preview`,src:`/brand/socials/amlok-linkedin-company.png`,width:`4200`,height:`700`,loading:`lazy`,alt:`AMLOK company LinkedIn banner with a blue grid background, the headline Risk is a movie, not a photo, and Deal Underwriting, Portfolio Monitoring, and Risk Simulation`}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button`,href:`/brand/socials/amlok-linkedin-company.jpg`,download:`amlok-linkedin-company.jpg`,children:[_jsx(Download,{size:16}),`Download JPG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/socials/amlok-linkedin-company.png`,download:`amlok-linkedin-company.png`,children:[_jsx(Download,{size:16}),`Download PNG`]})]}),_jsx(`p`,{className:`ds-note`,children:`4200 × 700 px · Company page cover · Both files under 3 MB`})]}),_jsxs(`article`,{className:`ds-panel ds-social-asset`,children:[_jsx(`span`,{className:`ds-meta`,children:`LINKEDIN / EMPLOYEE PROFILE`}),_jsx(`h3`,{children:`Employee banner`}),_jsx(`p`,{children:`Infrastructure for financial risk intelligence`}),_jsx(`img`,{className:`ds-social-preview`,src:`/brand/socials/amlok-linkedin-employee.png`,width:`1584`,height:`396`,loading:`lazy`,alt:`AMLOK employee LinkedIn banner with a blue grid background, the headline Infrastructure for financial risk intelligence, and Deal Underwriting, Portfolio Monitoring, and Risk Simulation`}),_jsxs(`div`,{className:`ds-asset-downloads`,children:[_jsxs(_components.a,{className:`ds-button`,href:`/brand/socials/amlok-linkedin-employee.jpg`,download:`amlok-linkedin-employee.jpg`,children:[_jsx(Download,{size:16}),`Download JPG`]}),_jsxs(_components.a,{className:`ds-button ds-button-secondary`,href:`/brand/socials/amlok-linkedin-employee.png`,download:`amlok-linkedin-employee.png`,children:[_jsx(Download,{size:16}),`Download PNG`]})]}),_jsx(`p`,{className:`ds-note`,children:`1584 × 396 px · Personal profile cover · Both files under 8 MB`})]})]}),_jsx(`p`,{className:`ds-note`,children:`Use the download buttons to save the full-resolution files. Upload the company version to the AMLOK Page and the employee version to your personal profile. Check LinkedIn's desktop and mobile previews before saving; cropping can vary by device.`}),_jsxs(`p`,{className:`ds-note`,children:[`Format references: `,_jsx(`a`,{href:`https://www.linkedin.com/help/linkedin/answer/a570368`,target:`_blank`,rel:`noopener noreferrer`,children:`LinkedIn Page images`}),` and `,_jsx(`a`,{href:`https://www.linkedin.com/help/linkedin/answer/a568217/`,target:`_blank`,rel:`noopener noreferrer`,children:`profile cover images`}),`.`]})]}),_jsxs(Section,{id:`geometry`,number:`02`,title:`Rounded surfaces. Precise graphics.`,description:`A softer frame for the same intelligence. Use generous card corners, pill-shaped marketing actions, and a compact radius for working controls. Keep the logo, diagrams, and illustration geometry intact.`,children:[_jsxs(`div`,{className:`ds-radius-board`,children:[_jsxs(`article`,{children:[_jsx(`span`,{className:`ds-meta`,children:`10 PX / WORKING CONTROLS`}),_jsxs(`div`,{className:`ds-radius-control`,children:[_jsx(FileText,{size:18}),_jsx(`span`,{children:`Review evidence`}),_jsx(ArrowRight,{size:16})]}),_jsx(`p`,{children:`Inputs and product actions stay compact and easy to align.`})]}),_jsxs(`article`,{children:[_jsx(`span`,{className:`ds-meta`,children:`20 PX / CONTENT CARDS`}),_jsxs(`div`,{className:`ds-radius-card`,children:[_jsxs(`span`,{className:`ds-meta`,children:[_jsx(`i`,{}),`CONNECTED EVIDENCE`]}),_jsx(`strong`,{children:`A clearer picture.`}),_jsx(`span`,{children:`One calm surface for related information.`})]}),_jsx(`p`,{children:`Cards and media share a generous, consistent corner.`})]}),_jsxs(`article`,{children:[_jsx(`span`,{className:`ds-meta`,children:`PILL / MARKETING ACTIONS`}),_jsxs(_components.a,{className:`ds-button ds-button-pill`,href:`/overview/introduction`,children:[`Explore the platform `,_jsx(ArrowRight,{size:16})]}),_jsxs(`div`,{className:`ds-radius-chip`,children:[_jsx(Check,{size:14}),`Evidence connected`]}),_jsx(`p`,{children:`Primary calls to action and category filters feel approachable.`})]})]}),_jsx(Specs,{headings:[`Element`,`Radius / token`,`Usage`],rows:[[`Checkboxes / keycaps`,`4px / --radius-xs`,`Small rectangles retain a clear selection shape.`],[`Navigation items / compact badges`,`8px / --radius-sm`,`Use subtle rounding within dense interfaces.`],[`Inputs / product buttons`,`10px / --radius-control`,`44px minimum preferred target height; persistent labels.`],[`Nested cards / selected rows`,`12px / --radius-inner`,`A smaller corner inside a larger parent.`],[`Menus / popovers / toasts`,`16px / --radius-overlay`,`A distinct floating surface with room for focus outlines.`],[`Marketing cards / photography`,`20px / --radius-card, --radius-media`,`Clip only the media surface, never an interactive parent’s focus ring.`],[`Major panels / dialogs / hero video`,`24px / --radius-panel`,`Use for large standalone surfaces, not every nested item.`],[`Marketing CTAs / category filters`,`999px / --radius-pill`,`Pill actions; circular 44px icon controls. Text links stay unboxed.`],[`Logo / diagrams / illustration objects`,`Original geometry`,`Preserve angular planes, chart bars, signal fields, and photo overlays. Round only the outer presentation frame.`],[`Profile assets`,`Original artwork`,`Preserve the supplied assets and their safe area.`]]}),_jsx(Rules,{items:[[`A rounded frame, an exact composition`,`AMLOK combines open layouts and rounded calls to action with quiet surfaces, fine edges, and restrained depth. Our blue, Inter typography, hero field, and original graphics define the system.`],[`Nest deliberately`,`Pair a 20–24px outer card with 12px inner surfaces and 24–32px content padding. For flush media, inherit the outer corner. Avoid repeating a full-size radius on every nested element.`],[`Keep function recognizable`,`Circles suit icon actions, radio controls, switch thumbs, and signals. Pills suit marketing actions and filters. Reading panels and form fields remain rounded rectangles.`]]})]}),_jsxs(Section,{id:`surfaces`,number:`03`,title:`Quiet edges. Measured depth.`,description:`White and soft gray do most of the work. A fine edge separates a card; a diffuse shadow indicates elevation. Keep the interface calm so the content and graphics carry the story.`,children:[_jsxs(`div`,{className:`ds-elevation-board`,children:[_jsxs(`article`,{className:`ds-elevation-flat`,children:[_jsx(`span`,{className:`ds-meta`,children:`01 / RESTING`}),_jsx(`h3`,{children:`Content surface`}),_jsx(`p`,{children:`A subtle 1px edge. No shadow on every card.`}),_jsx(`code`,{children:`--border-subtle`})]}),_jsxs(`article`,{className:`ds-elevation-raised`,children:[_jsx(`span`,{className:`ds-meta`,children:`02 / RAISED`}),_jsx(`h3`,{children:`Focused content`}),_jsx(`p`,{children:`An inset edge and a soft, low-opacity lift.`}),_jsx(`code`,{children:`--edge-inset + --shadow-raised`})]}),_jsxs(`article`,{className:`ds-elevation-overlay`,children:[_jsx(`span`,{className:`ds-meta`,children:`03 / OVERLAY`}),_jsx(`h3`,{children:`A layer above`}),_jsx(`p`,{children:`More separation for a menu or dialog.`}),_jsx(`code`,{children:`--edge-inset + --shadow-overlay`})]})]}),_jsx(Specs,{headings:[`Treatment`,`Rule`,`Application`],rows:[[`Resting structure`,`1px subtle edge or surface contrast`,`Cards, separators, and reading panels. Use --border-subtle or --border-default.`],[`Interactive boundaries`,`Visible control outline and selected state`,`Form fields use --line-strong; selected controls use blue plus text or icon. Decorative hairlines never identify an input alone.`],[`Raised surface`,`Inset translucent ring + diffuse shadow`,`Use --edge-inset with --shadow-raised; avoid stacking an opaque border with a heavy shadow.`],[`Floating surface`,`Overlay shadow + 16–24px radius`,`Menus, search results, toasts, and dialogs. Preserve focus and escape behavior.`],[`Blue surfaces`,`Existing AMLOK gradient or solid brand field`,`White text and --on-brand-line edges. Keep shadows restrained and avoid colored glow.`],[`Hover / pressed / focus`,`150–200ms, no layout shift`,`Change edge, fill, or shadow. Keep focus an immediate 2px outline with a 3px offset.`],[`Dark theme`,`Semantic foreground / surface / edge pairs`,`Derived edge and shadow tokens adapt to the theme. Do not invert photography, logos, or graphics.`]]}),_jsx(`p`,{className:`ds-callout`,children:`Rounded corners should feel designed, not inflated. Avoid glossy highlights, blur on reading panels, thick outlines, floating every element, or adding a wrapper around an already complete graphic.`})]}),_jsxs(Section,{id:`color`,number:`04`,title:`Calm fields. Clear signals.`,description:`AMLOK blue anchors the identity. White and cobalt fields provide contrast; secondary colors carry specific meaning. One semantic palette supports both light and dark interfaces.`,children:[_jsx(`div`,{className:`ds-color-grid`,children:colors.map(color=>_jsxs(`button`,{className:`ds-swatch`,onClick:()=>copy(color.hex,color.name),\"aria-label\":`Copy ${color.name} ${color.hex}`,children:[_jsxs(`span`,{className:`ds-swatch-color`,style:{background:color.hex,color:color.light?`#101828`:`#ffffff`},children:[_jsx(`span`,{children:color.hex}),_jsx(Copy,{size:16})]}),_jsx(`strong`,{children:color.name}),_jsx(`code`,{children:color.token}),_jsx(`p`,{children:color.use})]},color.token))}),_jsxs(`p`,{className:`ds-note`,children:[`Cobalt blue `,_jsx(`strong`,{children:`#1239B0`}),` is the supporting field for reversed logos, signal illustrations, and marketing panels. Pair it with white text. AMLOK blue `,_jsx(`strong`,{children:`#052698`}),` remains the primary identity and action color; Ink `,_jsx(`strong`,{children:`#101828`}),` remains the reading color.`]}),_jsxs(`p`,{className:`ds-note`,children:[`Use the shared color tokens throughout the website. Blue fields use `,_jsx(`code`,{children:`--on-brand`}),` for headings, `,_jsx(`code`,{children:`--on-brand-muted`}),` for supporting copy, and the paired line and surface tokens for structure. Derive tints with `,_jsx(`code`,{children:`color-mix()`}),`; do not introduce separate navy panels or one-off gray and blue values.`]}),_jsxs(`div`,{className:`ds-gradient-palette`,children:[_jsxs(`button`,{className:`ds-swatch ds-gradient-swatch`,onClick:()=>copy(heroGradient.css,heroGradient.name),\"aria-label\":`Copy AMLOK hero gradient CSS`,children:[_jsxs(`span`,{className:`ds-swatch-color`,children:[_jsx(`span`,{children:`AMLOK / HERO GRADIENT`}),_jsx(Copy,{size:16})]}),_jsx(`strong`,{children:heroGradient.name}),_jsx(`code`,{children:heroGradient.token}),_jsx(`p`,{children:`#1B4FE0 → #1140C3 → #052698`})]}),_jsxs(`div`,{className:`ds-gradient-guidance`,children:[_jsx(`h3`,{children:`The hero field, now a palette material.`}),_jsx(`p`,{children:`Use this radial gradient for blue marketing surfaces and focal blue elements inside illustrations. It is the same field used by the homepage hero: a lighter center at 50% across and 42% down, falling into AMLOK blue at the edges.`}),_jsxs(`p`,{children:[`Stops: `,_jsx(`strong`,{children:`#1B4FE0 at 0%`}),`, `,_jsx(`strong`,{children:`#1140C3 at 42%`}),`, and `,_jsx(`strong`,{children:`#052698 at 100%`}),`. Pair it with white or the shared on-brand text colors. Keep grid lines, signals, and motion as separate layers.`]}),_jsxs(`p`,{className:`ds-note`,children:[`Use `,_jsx(`code`,{children:`background: var(--gradient-hero)`}),` for CSS and the matching radial fill for SVG artwork. The logo, small interface controls, and social profile mark retain solid AMLOK blue. The downloadable token stylesheet includes this gradient.`]})]})]}),_jsxs(`div`,{className:`ds-panel`,children:[_jsxs(`div`,{className:`ds-status-samples`,children:[_jsx(Status,{children:`Selected`}),_jsx(Status,{tone:`success`,children:`Verified`}),_jsx(Status,{tone:`warning`,children:`Needs review`}),_jsx(Status,{tone:`danger`,children:`Action required`}),_jsx(Status,{tone:`neutral`,children:`Not evaluated`})]}),_jsx(`p`,{className:`ds-note`,children:`Every state needs a label. Brand orange and green are accent colors; status text uses the darker semantic foreground tokens. A bright dot alone is never evidence that something is safe.`})]}),_jsx(Rules,{items:[[`Light is the working default`,`White supports reading and decisions. Surface gray groups related information. Keep most of the canvas neutral; reserve blue for navigation, selection, and one primary action.`],[`Dark is a designed theme`,`Use the theme control above to inspect the entire guide. Dark mode changes foregrounds, borders, surfaces, and status pairs together. Do not simply invert colors. Cobalt brand panels use white or pale-blue text; dark UI surfaces use the semantic theme pairs.`],[`Use color with intent`,`Violet distinguishes simulation. Orange draws attention. Green signals a confirmed positive state. Separate categorical charts from severity scales, and label every series.`]]})]}),_jsxs(Section,{id:`typography`,number:`05`,title:`A consistent voice in type.`,description:`Inter carries the conversation. JetBrains Mono labels structured information. Use a small, repeatable hierarchy instead of resizing each section independently.`,children:[_jsxs(`div`,{className:`ds-type-specimen`,children:[_jsx(`span`,{className:`ds-meta`,children:`INTER / 600`}),_jsxs(`p`,{children:[`Every signal.`,_jsx(`br`,{}),`A clearer decision.`]}),_jsx(`span`,{className:`ds-meta`,children:`JETBRAINS MONO / 500 / TRACKING 0.12EM`}),_jsx(`code`,{children:`AMLOK / EVIDENCE 024 / REVIEW READY`})]}),_jsx(Specs,{headings:[`Role`,`Desktop → mobile`,`Weight / line height`,`Use`],rows:[[`Display`,`64–88px → 40–48px`,`600 / 1.02`,`One hero per page.`],[`Section heading`,`48–62px; 40px compact → 32–36px`,`600 / 1.08`,`The same scale for every main section.`],[`Feature / card heading`,`24–28px → 20–24px`,`600 / 1.25`,`Card titles and headings under imagery.`],[`UI heading`,`20px`,`600 / 1.3`,`Panel and dialog titles.`],[`Body / section description`,`16–18px → 16px`,`400 / 1.6`,`Reading width: 45–65 characters.`],[`Secondary text`,`14px`,`400 / 1.5`,`Metadata and supporting copy.`],[`Overline / telemetry`,`12px`,`500 / 1.4`,`Monospace, short labels only.`]]}),_jsx(`p`,{className:`ds-callout`,children:`Keep headings concise. Fit a one-line card title through column width or shorter copy before shrinking it. On narrow screens, let it wrap; never clip text or reduce it to unreadable sizes.`})]}),_jsxs(Section,{id:`layout`,number:`06`,title:`One width. A consistent rhythm.`,description:`A centered, 1,280px content area anchors our marketing pages. Align section content with the logo on the left and the header action on the right. Full-width backgrounds sit outside this shared grid.`,children:[_jsx(BrandLayout,{}),_jsx(`h3`,{className:`ds-layout-subheading`,children:`Spacing within the grid`}),_jsx(`div`,{className:`ds-spacing-scale`,children:[4,8,12,16,24,32,48,64,96].map(n=>_jsxs(`div`,{children:[_jsx(`i`,{style:{height:n}}),_jsx(`code`,{children:n})]},n))}),_jsxs(`div`,{className:`ds-layout-preview`,children:[_jsx(`div`,{className:`ds-layout-columns`,children:Array.from({length:12},(_,i)=>_jsx(`i`,{},i))}),_jsxs(`div`,{children:[_jsx(`span`,{className:`ds-meta`,children:`SHARED CONTENT WIDTH / MAX 1280PX`}),_jsx(`h3`,{children:`One grid, from navigation to footer.`}),_jsx(`p`,{children:`12 columns on desktop · 8 on tablet · 4 on mobile`})]})]}),_jsx(Specs,{headings:[`Relationship`,`Default`,`Responsive behavior`],rows:[[`Content container`,`1,280px maximum`,`Use --site-content-width and auto inline margins. No additional horizontal padding on the containing section.`],[`Outer gutter`,`48px minimum at 1,024px and above; 20px below`,`Center the content. Above 1,376px, margins grow equally while content remains 1,280px.`],[`Columns`,`12 desktop / 8 tablet / 4 mobile`,`Desktop ≥1,024px; tablet 768–1,023px; mobile \u003c768px. Components may stack earlier to preserve readability.`],[`Narrow content`,`65ch reading measure / 1,088px hero video`,`Nest intentional narrow blocks inside the shared container. Keep media aspect ratios and align surrounding grids.`],[`Section inset`,`64–112px`,`64px on mobile; use viewport-aware space when content fits.`],[`Heading → description`,`24px`,`Keep this relationship consistent.`],[`Description → actions`,`24px`,`Group related actions with 12–16px gaps.`],[`Actions → imagery`,`32–48px`,`Give the visual its own clear region.`],[`Image → title → body`,`16px / 12px`,`Use the same rhythm across feature cards.`],[`Card padding / grid gap`,`24–32px / 24px`,`16–24px padding and 16–24px gaps on mobile. Keep text clear of rounded corners.`],[`Nested surfaces`,`12px inner / 20–24px outer radius`,`Use 12–16px between related items. Flush media inherits the parent corner; controls keep their own radius.`],[`Product density`,`44px controls / 48–56px rows`,`40px compact controls only with adequate target spacing.`]]}),_jsx(Rules,{items:[[`One owner for the gutter`,`Use the shared content-width token for navigation, section headings, card grids, sliders, and the footer. A section background spans the viewport; its inner container owns the margins. Do not add a second gutter inside it.`],[`Marketing and product layouts`,`Use the 1,280px frame for public pages. Product workspaces and this guide may keep a sidebar and fluid work area; apply the same spacing scale within that available region. Long-form text uses the narrower reading measure.`],[`Use the available viewport`,`A desktop overview can fill the area below the header when its contents fit comfortably. Allocate space to media and relationships before adding empty margins.`],[`Compact desktop rhythm`,`At widths of 1200px or more and heights of 820px or less, use 40px section headings, 20–24px outer insets, and 16–24px content gaps. Keep reading text at 16px, secondary copy at 14px, and interaction targets at least 44px.`],[`Let content remain readable`,`Sliders and long feature sections may span multiple viewports. On small screens or with larger text, use natural document flow. Never crop a section to force a viewport-height layout.`],[`Keep a predictable reading path`,`Stack columns in reading order. Put the image before its caption. Keep tables in their own scroll regions. A horizontal scrollbar must never appear on the whole page.`]]})]}),_jsxs(Section,{id:`imagery`,number:`07`,title:`Fields with structure.`,description:`Photography adds human context; precise illustrations explain the product. Present both in softly rounded media frames with consistent spacing, preserving the artwork and its original geometry.`,children:[_jsxs(`div`,{className:`ds-grid ds-grid-2`,children:[_jsxs(`div`,{className:`ds-field-sample`,children:[_jsx(`span`,{className:`ds-meta`,children:`AMLOK / DIRECTIONAL FIELD`}),_jsx(ShieldGraphic,{}),_jsx(`strong`,{children:`Clarity under pressure.`})]}),_jsx(MediaPlaceholder,{})]}),_jsx(Rules,{items:[[`Use light to describe the object`,`Keep reading surfaces solid. Within marketing artwork, a restrained Signal blue → Cobalt → AMLOK blue gradient gives a focal object dimension. Use the shared AMLOK hero radial gradient for primary blue fields. Object lighting remains consistent from the upper left; keep multicolor effects out of control borders and text.`],[`Build with angular planes`,`Use overlapping evidence surfaces, shallow extrusions, square scan fields, and deliberate diagonal joins that echo the logo. Preserve the original mark itself. Keep these angles inside the artwork. Use the shared 20px media radius around photography and illustration panels; avoid arbitrary silhouettes, ornamental diamonds, and unrelated 3D objects.`],[`Photography and overlays`,`Choose real work and real environments with cool daylight, pale blue, wood, and brick. Keep faces, hands, and the essential activity visible. Preserve the existing blue graphic overlays and corner brackets; round the photograph’s outer crop only. Credit the source below the image.`],[`Protect the integrity of imagery`,`Use real product screenshots with readable, sanitized sample data. Preserve aspect ratio. Do not imply a client relationship through logos without permission. Identify illustrative work as such.`]]})]}),_jsxs(Section,{id:`exploration`,number:`08`,title:`Shield. Signal. Scan.`,description:`Three distinct expressions, each with a job. Their restraint is what makes the system feel precise and modern.`,children:[_jsxs(`div`,{className:`ds-motif-grid`,children:[_jsxs(`article`,{children:[_jsx(ShieldGraphic,{}),_jsx(`h3`,{children:`Shield / stewardship`}),_jsx(`p`,{children:`A straight-edged enclosure that protects the center. Use in brand imagery and protection-related concepts.`})]}),_jsxs(`article`,{children:[_jsxs(`div`,{className:`ds-signal-constellation`,children:[_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`b`,{})]}),_jsx(`h3`,{children:`Signal / relevance`}),_jsx(`p`,{children:`A small dot plus a clear label. Halo, color, and intensity are supporting cues, never the entire message.`})]}),_jsxs(`article`,{children:[_jsxs(`div`,{className:`ds-square-radar`,children:[_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`i`,{}),_jsx(`b`,{})]}),_jsx(`h3`,{children:`Scan / discovery`}),_jsx(`p`,{children:`A linear pass across a square field reveals a relationship. No spinning interface or constant urgency.`})]})]}),_jsx(`div`,{className:`ds-icon-strip`,children:[ShieldCheck,ScanLine,Layers3,Radio,FileText,CheckCheck].map((Icon,i)=>_jsxs(`div`,{children:[_jsx(Icon,{size:24,strokeWidth:1.75}),_jsx(`code`,{children:`24 / 1.75`})]},i))}),_jsx(`p`,{className:`ds-note`,children:`Use one outline icon family, 20px or 24px on a 4px grid. Pair unfamiliar icons with text. Signal dots replace decorative diamonds. Icon-only actions require an accessible name and a 44px target.`})]}),_jsxs(Section,{id:`website-graphics`,number:`09`,title:`Intelligence, illustrated.`,description:`Dimensional, precise, and unmistakably AMLOK. Square silhouettes meet directional light, layered product fragments, and vivid blue focal objects. Each workflow has a distinct visual metaphor, with the logo’s angular construction guiding the family.`,children:[_jsx(BrandGraphics,{}),_jsx(ProductIllustrationLibrary,{}),_jsx(Rules,{items:[[`Choose the metaphor before the layout`,`Begin with the action being explained. Verification can scan a document; monitoring can isolate a signal; investigation can connect related evidence. Do not default to a chart or a dashboard card.`],[`A family, not a repeated template`,`Adjacent graphics must differ in silhouette, arrangement, and focal object. Repeated topics in different sections need a new viewpoint or crop. Reuse primitives and tokens, not the same finished composition.`],[`Charts have a specific job`,`Use a chart when a quantitative relationship, trend, or comparison is the actual subject. Do not use bars or curves as a generic symbol for intelligence, automation, or AI.`],[`One graphic, one idea`,`Use a few recognizable objects and one clear relationship. Keep essential explanation in the surrounding title and body. Avoid recreating an entire dashboard inside a card.`],[`Give the composition a focal point`,`Combine a quiet supporting plane, a clear foreground object, and one strong blue emphasis. Use overlap and scale to establish depth. Background records may recede; the focal object and its labels stay crisp. Reserve warm accents for a labeled point of attention.`],[`Motion supports the story`,`Loop decorative illustrations automatically while visible. Keep values and outer captions steady; a complete illustrative object may drift up to 5px to suggest depth. Pause work offscreen and show a complete static composition for reduced motion. Essential information must never depend on an animation.`]]}),_jsx(Specs,{headings:[`Graphic anatomy`,`Standard`,`Application`],rows:[[`Frame and field`,`20px media shell · original interior geometry`,`Round the presentation frame only. Inside artwork, preserve ceramic-white planes, cobalt focal faces, sharp edges, and existing lighting. No extra decorative backplate.`],[`Material and depth`,`Shared ceramic / cobalt gradients · 2px contact + 12px lift shadow`,`Use the live illustration library as the source. Limit depth to a few meaningful layers. Fine edges stay sharp; shadows separate objects without becoming a glow.`],[`Angular construction`,`Straight edges · shallow extrusions · purposeful diagonal joins`,`Derive the feeling from the logo’s solid faces and negative space. Keep the logo intact. Diagonals belong inside conceptual graphics, never on control hit areas.`],[`Visual spacing`,`24px inset · 8–12px internal gaps · 16–24px to caption`,`Keep a consistent 250–320px graphic height within a row. Recompose on mobile rather than scaling all the text down.`],[`Lines and marks`,`1px grid · 2–2.5px chart line · small signal dots`,`Use blue for the main series. Circles belong to data marks and proportion charts. The enclosing media shell uses the shared radius; the artwork remains unchanged.`],[`Color and state`,`Canvas / surface / ink / muted / blue / signal blue`,`Use labeled warning and success pairs. Hatch or dash expected values so meaning does not depend on color.`],[`Type and explanation`,`Inter for labels and captions · JetBrains Mono for short telemetry`,`Keep essential copy outside the illustration at the normal body size. Tiny sample labels are supporting texture, never the only explanation.`],[`Data integrity`,`Observed, expected, and illustrative remain distinct`,`Use fictional sample records. Label units and periods when showing data; never imply a live decision or validated outcome.`],[`Responsive delivery`,`HTML / CSS / SVG · shared illustration components`,`Preserve line sharpness, semantic colors, and aspect ratio. Provide an accessible description when the graphic adds information.`],[`Animation cadence`,`4–8s for decorative loops · 14s for background data`,`Use linear scans, traveling signals, or a 5px depth drift. Scenario twins may shift 10px to compare layers. No spinning radar, flashing alerts, springy bouncing, or changing financial claims.`]]}),_jsxs(`div`,{className:`ds-grid ds-grid-2`,children:[_jsxs(`article`,{className:`ds-panel`,children:[_jsx(`span`,{className:`ds-meta`,children:`USE`}),_jsx(`h3`,{children:`A recognizable financial story.`}),_jsx(`p`,{children:`Identity documents, policy gates, square signal fields, source citations, conversation threads, portfolio twins, and embedded modules. Choose the object that explains the subject. Keep the story calm enough to understand at a glance.`})]}),_jsxs(`article`,{className:`ds-panel`,children:[_jsx(`span`,{className:`ds-meta`,children:`AVOID`}),_jsx(`h3`,{children:`Decoration without meaning.`}),_jsx(`p`,{children:`Flat wireframes with no focal point, the same dashboard in every card, unrelated 3D objects, rainbow gradients, floating glass, giant glowing shields, ornamental diamonds, and dense mock interfaces that cannot be read.`})]})]}),_jsx(`p`,{className:`ds-callout`,children:`Consistency comes from the visual grammar, not identical graphics. Reuse our color, geometry, typography, line weights, and motion behavior; invent the composition around the job each component explains.`})]}),_jsxs(Section,{id:`components`,number:`10`,title:`Controls that make sense.`,description:`Rounded controls share the same borders, spacing, states, and behavior. These are working examples: try validation, keyboard tabs, theme switching, and the review dialog.`,children:[_jsx(ComponentLab,{onOpen:()=>dialogRef.current?.showModal(),onNotice:notify}),_jsx(FieldPatterns,{}),_jsx(Specs,{headings:[`Pattern`,`Required states`,`Behavior`],rows:[[`Button / icon action`,`Default, hover, focus, pressed, disabled, loading`,`Keep labels visible while loading. Prevent duplicate submission.`],[`Input / textarea / select`,`Empty, filled, focused, invalid, disabled, read-only`,`Persistent label, helper text, inline error; preserve entered data.`],[`Checkbox / switch`,`On, off, focus, disabled`,`4px checkbox for selection; rounded track and circular switch thumb for an immediate setting.`],[`Tabs / navigation`,`Selected, hover, focus`,`Visible underline or left rail; keyboard navigation and semantic selected state.`],[`Dialog / drawer`,`Open, pending, error, complete`,`Move focus in, contain it, support Escape, restore focus on close.`],[`Toast / inline message`,`Success, information, warning, error`,`Announce without stealing focus. Keep critical errors until resolved.`],[`Menu / popover / tooltip`,`Open, selected, focus`,`16px rounded surface. Dismiss with Escape; use labels rather than tooltip-only instructions.`]]})]}),_jsxs(Section,{id:`data`,number:`11`,title:`Built for real work.`,description:`Dense information can still be calm. Keep the table, the selected record, and its evidence in one understandable workspace.`,children:[_jsx(DataWorkspace,{}),_jsx(ChartSpecimen,{}),_jsx(Rules,{items:[[`Make uncertainty visible`,`Show source date, freshness, missing fields, and unavailable values. A dash means unavailable; zero means zero. Never hide a stale result behind a green status.`],[`Keep context during change`,`Filtering, sorting, and opening a record preserve the user’s place. For bulk actions, show the selected count, scope, and a review step for consequential changes.`],[`Design the complete lifecycle`,`Each workflow needs initial, loading, partial, empty, error, recovery, and completed states. Include permissions, audit history, and a safe way to return to the prior view.`]]})]}),_jsxs(Section,{id:`ai`,number:`12`,title:`Intelligence with human control.`,description:`AMLOK organizes evidence and surfaces signals. The institution owns its policies, customer relationship, and final decision.`,children:[_jsxs(`div`,{className:`ds-ai-flow`,children:[_jsx(`span`,{children:`01 / SOURCE EVIDENCE`}),_jsx(ArrowRight,{size:20}),_jsx(`span`,{children:`02 / AI ASSESSMENT`}),_jsx(ArrowRight,{size:20}),_jsx(`span`,{children:`03 / HUMAN DECISION`})]}),_jsxs(`div`,{className:`ds-ai-example`,children:[_jsxs(`div`,{children:[_jsx(Status,{tone:`warning`,children:`Illustrative · review required`}),_jsx(`h3`,{children:`Ownership evidence is incomplete.`}),_jsx(`p`,{children:`The declaration names two owners. The registry excerpt confirms one. Request the missing ownership evidence before completing verification.`}),_jsxs(`div`,{className:`ds-ai-sources`,children:[_jsxs(`span`,{children:[_jsx(FileText,{size:16}),`Ownership declaration · example page 2`]}),_jsxs(`span`,{children:[_jsx(FileText,{size:16}),`Registry excerpt · example record`]})]})]}),_jsxs(`aside`,{children:[_jsx(`span`,{className:`ds-meta`,children:`HUMAN REVIEW`}),_jsx(`h4`,{children:`Next step`}),_jsx(`p`,{children:`Inspect sources, request evidence, or record an approved exception with a reason.`}),_jsx(`strong`,{children:`No final credit decision made.`})]})]}),_jsx(Specs,{headings:[`Requirement`,`Interface treatment`],rows:[[`Evidence before confidence`,`Link each material claim to its source. Separate extracted facts, interpretations, and recommendations.`],[`Honest uncertainty`,`State what is missing or contradictory. Do not invent confidence percentages or guarantee outcomes.`],[`Explicit authority`,`Label AI-generated content. Consequential actions require an authorized reviewer and a visible confirmation.`],[`Controllable execution`,`Show task progress, cancel/retry controls, and completed actions. Do not imply a task is finished while it is still running.`],[`Auditable decisions`,`Record reviewer, time, policy version, evidence, overrides, and reason. Explain access restrictions without exposing protected data.`]]})]}),_jsxs(Section,{id:`marketing`,number:`13`,title:`One brand, every surface.`,description:`Use the same grid, typography, rounded surfaces, and precise signal graphics in a website, campaign, presentation, or research publication.`,children:[_jsxs(`div`,{className:`ds-marketing-grid`,children:[_jsxs(`article`,{className:`ds-campaign ds-campaign-hero`,children:[_jsx(Wordmark,{}),_jsx(`span`,{className:`ds-meta`,children:`RISK INTELLIGENCE / AMLOK`}),_jsxs(`h3`,{children:[`Capital moves.`,_jsx(`br`,{}),`Intelligence keeps up.`]}),_jsx(`div`,{className:`ds-campaign-rule`}),_jsx(`p`,{children:`Your team owns the final decision.`}),_jsx(ShieldGraphic,{}),_jsx(`span`,{className:`ds-campaign-format`,children:`WEB / PRESENTATION · 16:9`})]}),_jsxs(`article`,{className:`ds-campaign ds-campaign-research`,children:[_jsx(Wordmark,{}),_jsx(`span`,{className:`ds-meta`,children:`RESEARCH / WORKING PAPER`}),_jsxs(`h3`,{children:[`Seeing risk`,_jsx(`br`,{}),`in the`,_jsx(`br`,{}),`relationships.`]}),_jsx(`div`,{className:`ds-publication-grid`}),_jsx(`span`,{className:`ds-campaign-format`,children:`RESEARCH / SOCIAL · 1:1`})]})]}),_jsx(Specs,{headings:[`Surface`,`Composition`,`Delivery`],rows:[[`Website`,`One clear proposition, one primary action, evidence below`,`Shared 1,280px grid; 48px minimum desktop margins, 20px below 1,024px; responsive images; semantic headings.`],[`Presentation`,`One message per slide; large chart labels; restrained signal accents`,`1920 × 1080 / 16:9. Keep content 64px from edges.`],[`Social / link preview`,`Short headline, mark, one visual field`,`1080 × 1080 or 1200 × 630. Keep text within a 64px safe area.`],[`Research / PDF`,`Structured headings, numbered figures, sources, and a clear methodology`,`Accessible text, selectable charts, publication date and version.`],[`Email`,`One column, concise copy, one primary action`,`600px content width; 16px text; live text buttons and alt text.`]]}),_jsx(`p`,{className:`ds-callout`,children:`Case studies describe methodology, evidence, limitations, and what was retrospectively evaluated. Never describe planned validation as completed work, or use “trusted by” for institutions that are only research subjects.`})]}),_jsxs(Section,{id:`voice`,number:`14`,title:`Precise. Direct. Accountable.`,description:`Write like an experienced colleague. Explain the signal, its source, and the next useful action. Avoid hype and certainty that the evidence cannot support.`,children:[_jsx(Specs,{headings:[`Use`,`Avoid`],rows:[[`Review the ownership evidence.`,`Unlock next-generation verification magic.`],[`Three transactions need review.`,`Suspicious borrower detected.`],[`The source is unavailable. Your previous result is saved. Retry the connection.`,`Something went wrong.`],[`AI-generated assessment · awaiting review`,`Approved by AI`],[`Your team owns the final decision.`,`Risk-free decisions, guaranteed.`]]}),_jsx(Rules,{items:[[`Names and headings`,`Use AMLOK in written copy. Use sentence case for headings, buttons, and navigation. Reserve uppercase monospace for short category labels, IDs, and telemetry.`],[`Clear actions and errors`,`Name the outcome: Review evidence, Request documents, Save changes. Errors explain what happened and how to recover without blaming the user.`],[`Consistent financial language`,`Use explicit currency, timezone, units, and dates when ambiguity matters. Keep precision appropriate to the source. Do not present an estimate as an observed value.`]]})]}),_jsxs(Section,{id:`motion`,number:`15`,title:`Motion reveals information.`,description:`The scan is a linear discovery gesture. Transitions connect states and guide attention. Motion never becomes the work the user has to manage.`,children:[_jsxs(`div`,{className:`ds-motion-stage`,children:[_jsx(RadarVisual,{paused}),_jsxs(`div`,{children:[_jsx(`span`,{className:`ds-meta`,children:`SIGNAL SCAN / 4000MS`}),_jsx(`h3`,{children:`A measured reveal.`}),_jsx(`p`,{children:`Start the sample to see the scan pass through a square field. Animation pauses outside the viewport. Reduced-motion preferences keep it static.`}),_jsxs(`button`,{className:`ds-button ds-button-secondary`,\"aria-pressed\":!paused,onClick:()=>setPaused(!paused),children:[paused?_jsx(Play,{size:16}):_jsx(Pause,{size:16}),` `,paused?`Play scan`:`Pause scan`]})]})]}),_jsx(Specs,{headings:[`Timing`,`Use`,`Constraint`],rows:[[`150ms`,`Hover, focus, selection feedback`,`No movement needed to indicate focus.`],[`200ms`,`Tabs, disclosure, small state transitions`,`Prefer opacity and a maximum 4px translation.`],[`400ms`,`Section or illustration entrance`,`Run once. Never delay access to content.`],[`4000ms`,`Optional marketing scan`,`In view only; pause control; static under reduced motion.`],[`4–8s / website graphics`,`Decorative chart and signal loops`,`Automatic in view; values stay fixed; static under reduced motion. Whole illustrative objects may move gently. See Website graphics for patterns.`],[`0ms / reduced motion`,`Immediate final state`,`Disable pulses, scans, parallax, and smooth scroll.`]]})]}),_jsxs(Section,{id:`accessibility`,number:`16`,title:`Access is part of the design.`,description:`Target WCAG 2.2 AA. These requirements guide delivery; a design system alone does not certify an implementation.`,children:[_jsx(Rules,{items:[[`Readable contrast`,`Normal text needs at least 4.5:1; large text 3:1. Meaningful controls and graphical boundaries need 3:1. Check every foreground/background pair, including disabled-adjacent helper text and dark mode.`],[`Visible keyboard access`,`Use native controls and a 2px focus outline with a 3px offset. Ensure sticky headers do not hide focused items. Support Escape and return focus after overlays.`],[`Comfortable targets`,`Prefer 44 × 44px targets. Use adequate spacing for compact controls; do not confuse the preferred size with WCAG’s 24px minimum target rule and its exceptions.`],[`Reflow without loss`,`Test 320px width, 200% text resizing, and browser zoom. Preserve reading order and let content grow. Data tables may scroll within a labeled region.`],[`Meaning beyond color`,`Use text, icon shape, and selected-state semantics together. Announce validation and asynchronous results. Provide descriptive labels and meaningful image alternatives.`],[`User preferences`,`Respect reduced motion and forced colors. Do not put essential text in an image. Avoid autoplaying audio, flashing content, and decorative animation in task-critical views.`]]}),_jsxs(`div`,{className:`ds-reference-links`,children:[_jsx(`a`,{href:`https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html`,target:`_blank`,rel:`noreferrer`,children:`Contrast guidance ↗`}),_jsx(`a`,{href:`https://www.w3.org/WAI/ARIA/apg/patterns/tabs/`,target:`_blank`,rel:`noreferrer`,children:`Keyboard patterns ↗`}),_jsx(`a`,{href:`https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html`,target:`_blank`,rel:`noreferrer`,children:`Target size guidance ↗`})]})]}),_jsxs(Section,{id:`implementation`,number:`17`,title:`A system that stays coherent.`,description:`The same token source powers this guide, the website, and the downloadable stylesheet. Change a foundation once, then validate its effects across components and themes.`,children:[_jsxs(`div`,{className:`ds-implementation-actions`,children:[_jsxs(_components.a,{className:`ds-button`,href:`/brand/amlok-tokens.txt`,download:`amlok-tokens.css`,children:[_jsx(Download,{size:16}),`Download CSS tokens`]}),_jsxs(`button`,{className:`ds-button ds-button-secondary`,onClick:()=>copy(tokensCSS,`Design tokens`),children:[_jsx(Copy,{size:16}),`Copy tokens`]}),_jsxs(`span`,{className:`ds-note`,children:[`v`,brand.version,` · Reviewed `,brand.reviewed]})]}),_jsx(`div`,{className:`ds-token-groups`,children:Object.entries(tokenGroups).map(([group,tokens])=>_jsxs(`details`,{children:[_jsxs(`summary`,{children:[group,_jsxs(`span`,{children:[Object.keys(tokens).length,` tokens`]})]}),_jsx(`div`,{className:`ds-spec-scroll`,children:_jsxs(`table`,{className:`ds-spec-table`,children:[_jsx(`thead`,{children:_jsxs(`tr`,{children:[_jsx(`th`,{children:`Token`}),_jsx(`th`,{children:`Value`})]})}),_jsx(`tbody`,{children:Object.entries(tokens).map(([key,value])=>_jsxs(`tr`,{children:[_jsx(`td`,{children:_jsx(`code`,{children:key})}),_jsx(`td`,{children:_jsx(`code`,{children:value})})]},key))})]})})]},group))}),_jsx(Rules,{items:[[`Build with semantic tokens`,`Use canvas, surface, ink, muted, line, action, and status pairs. Keep theme overrides together. Avoid new one-off radii, colors, or spacing values for individual sections.`],[`Review before adding a pattern`,`Document its purpose, anatomy, states, keyboard behavior, responsive behavior, and content rules. Reuse a current pattern when it solves the same problem.`],[`Ship with evidence`,`Review design, content, and implementation together. Check desktop and mobile, both themes, keyboard, reduced motion, errors, and loading. Record exceptions and their reason.`]]}),_jsx(Specs,{headings:[`Governance`,`Standard`],rows:[[`Foundation changes`,`Update tokens and this guide first. Review impact on all consuming components.`],[`Component changes`,`Document anatomy, interaction, density, and states; include a working specimen.`],[`Versioning`,`Major for breaking token/behavior changes; minor for compatible patterns; patch for corrections.`],[`Ownership`,`Design owns visual rules; engineering owns behavior; content owners approve claims; accessibility is shared.`],[`Version 2.0`,`Rounded interface system: shared radius hierarchy, pill marketing actions, subtle semantic edges, layered shadows, and updated control, media, and spacing guidance. Logo, palette, hero field, photography, and illustration compositions are preserved.`],[`Version 1.5`,`Shared marketing layout: 1,280px maximum content width, 48px desktop / 20px compact gutters, aligned header and sections, and a responsive width comparison in Layout \u0026 spacing.`],[`Version 1.3.1`,`Hero radial gradient added to the color palette and downloadable tokens, with matching CSS and SVG fills. Applied to blue fields in Risk operations without changing the section layout or motion.`],[`Version 1.3`,`Dimensional website illustrations: ceramic surfaces, directional cobalt light, angular layers, subject-specific compositions, compact variants, and motion with a static reduced-motion state.`],[`Version 1.2`,`Cobalt blue replaces Deep navy in brand panels, identity previews, radar examples, and campaign samples. Ink remains #101828. Use --blue-field; --navy is a compatibility alias.`],[`Version 1.1`,`Website graphics library with shared live illustrations, composition rules, semantic colors, and continuous decorative motion.`],[`Version 1.0`,`Unified square geometry, semantic light/dark themes, signal/shield language, component states, enterprise workflows, and marketing templates.`],[`Attribution`,`Applicable component, icon, and font licenses are included with the downloadable assets.`]]})]}),_jsxs(`footer`,{className:`ds-footer`,children:[_jsx(Wordmark,{}),_jsx(`p`,{children:brand.principle}),_jsx(`a`,{href:`#overview`,children:`Back to overview ↑`})]})]}),_jsx(`div`,{className:`ds-toast`,role:`status`,\"aria-live\":`polite`,\"data-visible\":!!notice,children:notice\u0026\u0026_jsxs(_Fragment,{children:[_jsx(Check,{size:18}),notice,_jsx(`button`,{\"aria-label\":`Dismiss notification`,onClick:()=>setNotice(``),children:_jsx(X,{size:16})})]})}),_jsxs(`dialog`,{className:`ds-dialog`,ref:dialogRef,\"aria-labelledby\":`ds-dialog-title`,\"aria-describedby\":`ds-dialog-description`,children:[_jsxs(`div`,{className:`ds-dialog-header`,children:[_jsx(`span`,{className:`ds-meta`,children:`REVIEW / COMPONENT PREVIEW`}),_jsx(`button`,{className:`ds-icon-button`,\"aria-label\":`Close review dialog`,onClick:()=>dialogRef.current?.close(),children:_jsx(X,{size:20})})]}),_jsx(`h2`,{id:`ds-dialog-title`,children:`Ready for human review.`}),_jsx(`p`,{id:`ds-dialog-description`,children:`The evidence is organized. Your team owns the final decision. This is a local design-system example.`}),_jsx(Status,{tone:`warning`,children:`Review required`}),_jsxs(`div`,{className:`ds-dialog-actions`,children:[_jsx(`button`,{className:`ds-button ds-button-secondary`,onClick:()=>dialogRef.current?.close(),children:`Cancel`}),_jsxs(`button`,{className:`ds-button`,onClick:()=>{dialogRef.current?.close();notify(`Preview review recorded. No real decision was made.`)},children:[`Record review `,_jsx(Check,{size:16})]})]})]})]})}return _jsx(BrandSystem,{})};function _createMdxContent(props){const _components={a:`a`,p:`p`,..._provideComponents(),...props.components},{_MdxComponentBoundary}=_components;if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsx(_MdxComponentBoundary,{name:`BrandGuidelines`,children:_jsx(BrandGuidelines,{})}),`\n`,_jsx(_components.p,{children:_jsx(_components.a,{href:`/brand/licenses.txt`,children:`Asset licenses`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{BrandGuidelines,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Brand guidelines and design system","sidebarTitle":"Brand and design system","description":"The AMLOK identity, visual foundations, product components, graphics, and design tokens.","mode":"wide","href":"/resources/brand"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[154,149205,"null;function _creat"]]},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":[],"subdomain":"amlok-docs","siteName":"AMLOK","title":"Brand guidelines and design system - AMLOK","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-29T13:41:01.359Z","originalFileLocation":"resources/brand.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"The AMLOK identity, visual foundations, product components, graphics, and design tokens.\">\u003cmeta data-mint-head name=\"application-name\" content=\"AMLOK\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Brand guidelines and design system - AMLOK\">\u003cmeta data-mint-head property=\"og:description\" content=\"The AMLOK identity, visual foundations, product components, graphics, and design tokens.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"AMLOK\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://amlok-docs.mintlify.app/resources/brand\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://amlok-docs.mintlify.app/_mintlify/api/og/v2?division=Resources\u0026amp;title=Brand+guidelines+and+design+system\u0026amp;description=The+AMLOK+identity%2C+visual+foundations%2C+product+components%2C+graphics%2C+and+design+tokens.\u0026amp;theme=949f968aaee92935c279d71e\u0026amp;signature=d814d19a1c3f66131a4a200f205e26f7e8352efb93deb40eca6e002c2917f668\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Brand guidelines and design system - AMLOK\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"The AMLOK identity, visual foundations, product components, graphics, and design tokens.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://amlok-docs.mintlify.app/_mintlify/api/og/v2?division=Resources\u0026amp;title=Brand+guidelines+and+design+system\u0026amp;description=The+AMLOK+identity%2C+visual+foundations%2C+product+components%2C+graphics%2C+and+design+tokens.\u0026amp;theme=949f968aaee92935c279d71e\u0026amp;signature=d814d19a1c3f66131a4a200f205e26f7e8352efb93deb40eca6e002c2917f668\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/amlok-docs/j-WOjPp62X_FVp2S/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"AMLOK\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#052698\">\u003clink data-mint-head rel=\"canonical\" href=\"https://amlok-docs.mintlify.app/resources/brand\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/resources/brand.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://amlok-docs.mintlify.app/#organization\",\"name\":\"AMLOK\",\"url\":\"https://amlok-docs.mintlify.app\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/amlok-docs/vYb5LH-5AUaCJz-O/logo/amlok-logo-blue.svg?fit=max\u0026auto=format\u0026n=vYb5LH-5AUaCJz-O\u0026q=85\u0026s=e9395a8f9571d3a71fd68ecf40d9f0fb\"}},{\"@type\":\"WebSite\",\"@id\":\"https://amlok-docs.mintlify.app#website\",\"name\":\"AMLOK\",\"url\":\"https://amlok-docs.mintlify.app\",\"publisher\":{\"@id\":\"https://amlok-docs.mintlify.app/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://amlok-docs.mintlify.app/resources/brand#webpage\",\"url\":\"https://amlok-docs.mintlify.app/resources/brand\",\"name\":\"Brand guidelines and design system\",\"description\":\"The AMLOK identity, visual foundations, product components, graphics, and design tokens.\",\"dateModified\":\"2026-10-29T13:41:01.359Z\",\"isPartOf\":{\"@id\":\"https://amlok-docs.mintlify.app#website\"},\"breadcrumb\":{\"@id\":\"https://amlok-docs.mintlify.app/resources/brand#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://amlok-docs.mintlify.app/resources/brand#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Resources\",\"item\":\"https://amlok-docs.mintlify.app/resources/index\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Brand guidelines and design system\",\"item\":\"https://amlok-docs.mintlify.app/resources/brand\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://amlok-docs.mintlify.app/resources/brand#article\",\"headline\":\"Brand guidelines and design system\",\"name\":\"Brand guidelines and design system\",\"description\":\"The AMLOK identity, visual foundations, product components, graphics, and design tokens.\",\"url\":\"https://amlok-docs.mintlify.app/resources/brand\",\"mainEntityOfPage\":{\"@id\":\"https://amlok-docs.mintlify.app/resources/brand#webpage\"},\"dateModified\":\"2026-10-29T13:41:01.359Z\",\"publisher\":{\"@id\":\"https://amlok-docs.mintlify.app/#organization\"},\"isPartOf\":{\"@id\":\"https://amlok-docs.mintlify.app#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"AMLOK\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"AMLOK","nav":{"global":null,"tabs":[{"tab":"Documentation","icon":"book-open","groups":[{"group":"Overview","pages":[{"title":"AMLOK documentation","sidebarTitle":"Home","mode":"frame","href":""},{"title":"Introducing AMLOK","sidebarTitle":"Introduction","href":"/overview/introduction"}]},{"group":"Integrations","pages":[{"title":"Integrations","sidebarTitle":"Integration catalog","href":"/integrations/index"},{"title":"Integration status","mode":"wide","href":"/integrations/status"},{"title":"Data refresh","href":"/integrations/data-refresh"},{"group":"Payments and POS","icon":"credit-card","expanded":false,"pages":[{"title":"Payments and POS","sidebarTitle":"All payments and POS","href":"/integrations/payments-and-pos/index"},{"title":"Moneris","href":"/integrations/payments-and-pos/moneris"},{"title":"Stripe","href":"/integrations/payments-and-pos/stripe"},{"title":"Square","href":"/integrations/payments-and-pos/square"},{"title":"Clover","href":"/integrations/payments-and-pos/clover"},{"title":"Shopify POS","href":"/integrations/payments-and-pos/shopify-pos"},{"title":"Lightspeed Retail","href":"/integrations/payments-and-pos/lightspeed-retail"},{"title":"Lightspeed Restaurant","href":"/integrations/payments-and-pos/lightspeed-restaurant"},{"title":"PayPal","href":"/integrations/payments-and-pos/paypal"},{"title":"Braintree","href":"/integrations/payments-and-pos/braintree"},{"title":"Global Payments","href":"/integrations/payments-and-pos/global-payments"},{"title":"Elavon / Converge","href":"/integrations/payments-and-pos/elavon-converge"},{"title":"Chase Payment Solutions Canada","href":"/integrations/payments-and-pos/chase-payment-solutions-canada"},{"title":"TD Merchant Solutions","href":"/integrations/payments-and-pos/td-merchant-solutions"},{"title":"Worldline North America / Bambora","href":"/integrations/payments-and-pos/worldline-north-america-bambora"},{"title":"Nuvei","href":"/integrations/payments-and-pos/nuvei"},{"title":"Adyen","href":"/integrations/payments-and-pos/adyen"},{"title":"Helcim","href":"/integrations/payments-and-pos/helcim"},{"title":"Plooto","href":"/integrations/payments-and-pos/plooto"},{"title":"Rotessa","href":"/integrations/payments-and-pos/rotessa"},{"title":"VoPay","href":"/integrations/payments-and-pos/vopay"},{"title":"Clearly Payments","href":"/integrations/payments-and-pos/clearly-payments"},{"title":"Fiserv Canada","href":"/integrations/payments-and-pos/fiserv-canada"},{"title":"E-xact Transactions","href":"/integrations/payments-and-pos/e-xact-transactions"},{"title":"Payfirma","href":"/integrations/payments-and-pos/payfirma"},{"title":"Paystone","href":"/integrations/payments-and-pos/paystone"},{"title":"TouchBistro","href":"/integrations/payments-and-pos/touchbistro"},{"title":"Toast","href":"/integrations/payments-and-pos/toast"},{"title":"Oracle MICROS Simphony","href":"/integrations/payments-and-pos/oracle-micros-simphony"},{"title":"NCR Voyix Aloha","href":"/integrations/payments-and-pos/ncr-voyix-aloha"},{"title":"NCR Voyix Counterpoint","href":"/integrations/payments-and-pos/ncr-voyix-counterpoint"},{"title":"PAR Brink POS","href":"/integrations/payments-and-pos/par-brink-pos"},{"title":"Revel Systems","href":"/integrations/payments-and-pos/revel-systems"},{"title":"talech","href":"/integrations/payments-and-pos/talech"},{"title":"RetailEdge","href":"/integrations/payments-and-pos/retailedge"},{"title":"Cegid Retail","href":"/integrations/payments-and-pos/cegid-retail"},{"title":"LS Central POS","href":"/integrations/payments-and-pos/ls-central-pos"},{"title":"ACCEO Smart Vendor","href":"/integrations/payments-and-pos/acceo-smart-vendor"},{"title":"ACCEO Logivision","href":"/integrations/payments-and-pos/acceo-logivision"},{"title":"Maitre'D","href":"/integrations/payments-and-pos/maitre-d"},{"title":"Veloce","href":"/integrations/payments-and-pos/veloce"},{"title":"Cluster POS","href":"/integrations/payments-and-pos/cluster-pos"},{"title":"Alice POS","href":"/integrations/payments-and-pos/alice-pos"},{"title":"TCPOS","href":"/integrations/payments-and-pos/tcpos"},{"title":"Retail Pro","href":"/integrations/payments-and-pos/retail-pro"},{"title":"Erply POS","href":"/integrations/payments-and-pos/erply-pos"},{"title":"Hike POS","href":"/integrations/payments-and-pos/hike-pos"},{"title":"KORONA POS","href":"/integrations/payments-and-pos/korona-pos"},{"title":"PayFacto Payments","href":"/integrations/payments-and-pos/payfacto-payments"},{"title":"Squirrel Systems","href":"/integrations/payments-and-pos/squirrel-systems"},{"title":"Silverware POS","href":"/integrations/payments-and-pos/silverware-pos"}]},{"group":"Ecommerce","icon":"shopping-bag","expanded":false,"pages":[{"title":"Ecommerce","sidebarTitle":"All ecommerce","href":"/integrations/ecommerce/index"},{"title":"Shopify","href":"/integrations/ecommerce/shopify"},{"title":"WooCommerce","href":"/integrations/ecommerce/woocommerce"},{"title":"BigCommerce","href":"/integrations/ecommerce/bigcommerce"},{"title":"Adobe Commerce / Magento Open Source","href":"/integrations/ecommerce/adobe-commerce-magento-open-source"},{"title":"Wix eCommerce","href":"/integrations/ecommerce/wix-ecommerce"},{"title":"Squarespace Commerce","href":"/integrations/ecommerce/squarespace-commerce"},{"title":"Ecwid / Lightspeed eCom E-Series","href":"/integrations/ecommerce/ecwid-lightspeed-ecom-e-series"},{"title":"Square Online","href":"/integrations/ecommerce/square-online"},{"title":"PrestaShop","href":"/integrations/ecommerce/prestashop"},{"title":"OpenCart","href":"/integrations/ecommerce/opencart"},{"title":"Shopware","href":"/integrations/ecommerce/shopware"},{"title":"Salesforce Commerce Cloud","href":"/integrations/ecommerce/salesforce-commerce-cloud"},{"title":"SAP Commerce Cloud","href":"/integrations/ecommerce/sap-commerce-cloud"},{"title":"Oracle Commerce","href":"/integrations/ecommerce/oracle-commerce"},{"title":"commercetools","href":"/integrations/ecommerce/commercetools"},{"title":"Elastic Path","href":"/integrations/ecommerce/elastic-path"},{"title":"VTEX","href":"/integrations/ecommerce/vtex"},{"title":"Kibo Commerce","href":"/integrations/ecommerce/kibo-commerce"},{"title":"Spryker","href":"/integrations/ecommerce/spryker"},{"title":"Big Cartel","href":"/integrations/ecommerce/big-cartel"},{"title":"Volusion","href":"/integrations/ecommerce/volusion"},{"title":"Shift4Shop","href":"/integrations/ecommerce/shift4shop"},{"title":"Webflow Ecommerce","href":"/integrations/ecommerce/webflow-ecommerce"},{"title":"GoDaddy Online Store","href":"/integrations/ecommerce/godaddy-online-store"},{"title":"Duda Ecommerce","href":"/integrations/ecommerce/duda-ecommerce"},{"title":"Snipcart","href":"/integrations/ecommerce/snipcart"},{"title":"Foxy / FoxyCart","href":"/integrations/ecommerce/foxy-foxycart"},{"title":"ShopWired","href":"/integrations/ecommerce/shopwired"},{"title":"nopCommerce","href":"/integrations/ecommerce/nopcommerce"},{"title":"Drupal Commerce","href":"/integrations/ecommerce/drupal-commerce"},{"title":"Craft Commerce","href":"/integrations/ecommerce/craft-commerce"},{"title":"CS-Cart","href":"/integrations/ecommerce/cs-cart"},{"title":"X-Cart","href":"/integrations/ecommerce/x-cart"},{"title":"Zen Cart","href":"/integrations/ecommerce/zen-cart"},{"title":"osCommerce","href":"/integrations/ecommerce/oscommerce"},{"title":"Spree Commerce","href":"/integrations/ecommerce/spree-commerce"},{"title":"Solidus","href":"/integrations/ecommerce/solidus"},{"title":"Saleor","href":"/integrations/ecommerce/saleor"},{"title":"Medusa","href":"/integrations/ecommerce/medusa"},{"title":"Virto Commerce","href":"/integrations/ecommerce/virto-commerce"},{"title":"OroCommerce","href":"/integrations/ecommerce/orocommerce"},{"title":"Sana Commerce","href":"/integrations/ecommerce/sana-commerce"},{"title":"Shoplazza","href":"/integrations/ecommerce/shoplazza"},{"title":"SHOPLINE","href":"/integrations/ecommerce/shopline"},{"title":"Amazon.ca seller accounts","href":"/integrations/ecommerce/amazon-ca-seller-accounts"},{"title":"Walmart Canada Marketplace","href":"/integrations/ecommerce/walmart-canada-marketplace"},{"title":"eBay Canada","href":"/integrations/ecommerce/ebay-canada"},{"title":"Etsy","href":"/integrations/ecommerce/etsy"},{"title":"Faire","href":"/integrations/ecommerce/faire"},{"title":"Best Buy Canada Marketplace","href":"/integrations/ecommerce/best-buy-canada-marketplace"}]},{"group":"Accounting","icon":"calculator","expanded":false,"pages":[{"title":"Accounting","sidebarTitle":"All accounting","href":"/integrations/accounting/index"},{"title":"QuickBooks Online","href":"/integrations/accounting/quickbooks-online"},{"title":"QuickBooks Desktop, Canadian edition","href":"/integrations/accounting/quickbooks-desktop-canadian-edition"},{"title":"Xero","href":"/integrations/accounting/xero"},{"title":"Sage 50 Canada","href":"/integrations/accounting/sage-50-canada"},{"title":"Sage Accounting","href":"/integrations/accounting/sage-accounting"},{"title":"Sage Intacct","href":"/integrations/accounting/sage-intacct"},{"title":"FreshBooks","href":"/integrations/accounting/freshbooks"},{"title":"Wave","href":"/integrations/accounting/wave"},{"title":"Zoho Books","href":"/integrations/accounting/zoho-books"},{"title":"Kashoo / TrulySmall Accounting","href":"/integrations/accounting/kashoo-trulysmall-accounting"},{"title":"ACCEO Acomba","href":"/integrations/accounting/acceo-acomba"},{"title":"ACCEO Avantage","href":"/integrations/accounting/acceo-avantage"},{"title":"Dynacom Accounting","href":"/integrations/accounting/dynacom-accounting"},{"title":"Adagio","href":"/integrations/accounting/adagio"},{"title":"AccountEdge","href":"/integrations/accounting/accountedge"},{"title":"Connected by Accountek","href":"/integrations/accounting/connected-by-accountek"},{"title":"NewViews","href":"/integrations/accounting/newviews"},{"title":"MoneyWorks","href":"/integrations/accounting/moneyworks"},{"title":"Sage 300","href":"/integrations/accounting/sage-300"},{"title":"Sage 100","href":"/integrations/accounting/sage-100"},{"title":"Sage 100 Contractor","href":"/integrations/accounting/sage-100-contractor"},{"title":"Sage 300 Construction and Real Estate","href":"/integrations/accounting/sage-300-construction-and-real-estate"},{"title":"Microsoft Dynamics GP","href":"/integrations/accounting/microsoft-dynamics-gp"},{"title":"Microsoft Dynamics SL","href":"/integrations/accounting/microsoft-dynamics-sl"},{"title":"Microsoft Dynamics 365 Finance","href":"/integrations/accounting/microsoft-dynamics-365-finance"},{"title":"Oracle NetSuite","href":"/integrations/accounting/oracle-netsuite"},{"title":"Oracle Fusion Cloud Financials","href":"/integrations/accounting/oracle-fusion-cloud-financials"},{"title":"Workday Financial Management","href":"/integrations/accounting/workday-financial-management"},{"title":"Certinia Accounting","href":"/integrations/accounting/certinia-accounting"},{"title":"Unit4 Financials by Coda","href":"/integrations/accounting/unit4-financials-by-coda"},{"title":"Accounting Seed","href":"/integrations/accounting/accounting-seed"},{"title":"SoftLedger","href":"/integrations/accounting/softledger"},{"title":"Multiview Financial Software","href":"/integrations/accounting/multiview-financial-software"},{"title":"Blackbaud Financial Edge NXT","href":"/integrations/accounting/blackbaud-financial-edge-nxt"},{"title":"MIP Accounting","href":"/integrations/accounting/mip-accounting"},{"title":"Aplos","href":"/integrations/accounting/aplos"},{"title":"PowerChurch Plus","href":"/integrations/accounting/powerchurch-plus"},{"title":"Church Windows Accounting","href":"/integrations/accounting/church-windows-accounting"},{"title":"Denali by Cougar Mountain","href":"/integrations/accounting/denali-by-cougar-mountain"},{"title":"NCH Express Accounts","href":"/integrations/accounting/nch-express-accounts"},{"title":"PCLaw","href":"/integrations/accounting/pclaw"},{"title":"CosmoLex","href":"/integrations/accounting/cosmolex"},{"title":"Soluno / Legal Accounting","href":"/integrations/accounting/soluno-legal-accounting"},{"title":"uLawPractice","href":"/integrations/accounting/ulawpractice"},{"title":"Manager","href":"/integrations/accounting/manager"},{"title":"GnuCash","href":"/integrations/accounting/gnucash"},{"title":"Akaunting","href":"/integrations/accounting/akaunting"},{"title":"FrontAccounting","href":"/integrations/accounting/frontaccounting"},{"title":"LedgerSMB","href":"/integrations/accounting/ledgersmb"},{"title":"SQL-Ledger","href":"/integrations/accounting/sql-ledger"}]},{"group":"Inventory and ERP","icon":"boxes","expanded":false,"pages":[{"title":"Inventory and ERP","sidebarTitle":"All inventory and erp","href":"/integrations/inventory-and-erp/index"},{"title":"Microsoft Dynamics 365 Business Central","href":"/integrations/inventory-and-erp/microsoft-dynamics-365-business-central"},{"title":"SAP Business One","href":"/integrations/inventory-and-erp/sap-business-one"},{"title":"SAP S/4HANA","href":"/integrations/inventory-and-erp/sap-s-4hana"},{"title":"Sage X3","href":"/integrations/inventory-and-erp/sage-x3"},{"title":"Acumatica","href":"/integrations/inventory-and-erp/acumatica"},{"title":"Odoo","href":"/integrations/inventory-and-erp/odoo"},{"title":"ERPNext","href":"/integrations/inventory-and-erp/erpnext"},{"title":"SYSPRO","href":"/integrations/inventory-and-erp/syspro"},{"title":"Epicor Kinetic","href":"/integrations/inventory-and-erp/epicor-kinetic"},{"title":"Epicor Prophet 21","href":"/integrations/inventory-and-erp/epicor-prophet-21"},{"title":"Epicor Eclipse","href":"/integrations/inventory-and-erp/epicor-eclipse"},{"title":"Infor CloudSuite Industrial / SyteLine","href":"/integrations/inventory-and-erp/infor-cloudsuite-industrial-syteline"},{"title":"Infor M3","href":"/integrations/inventory-and-erp/infor-m3"},{"title":"Infor Distribution SX.e","href":"/integrations/inventory-and-erp/infor-distribution-sx-e"},{"title":"IFS Cloud","href":"/integrations/inventory-and-erp/ifs-cloud"},{"title":"QAD Adaptive ERP","href":"/integrations/inventory-and-erp/qad-adaptive-erp"},{"title":"Aptean Ross ERP","href":"/integrations/inventory-and-erp/aptean-ross-erp"},{"title":"Aptean Food \u0026 Beverage ERP / JustFood","href":"/integrations/inventory-and-erp/aptean-food-beverage-erp-justfood"},{"title":"ECI Deacom","href":"/integrations/inventory-and-erp/eci-deacom"},{"title":"ECI M1","href":"/integrations/inventory-and-erp/eci-m1"},{"title":"ECI JobBOSS²","href":"/integrations/inventory-and-erp/eci-jobboss2"},{"title":"Genius ERP","href":"/integrations/inventory-and-erp/genius-erp"},{"title":"Global Shop Solutions","href":"/integrations/inventory-and-erp/global-shop-solutions"},{"title":"DELMIAWorks / IQMS","href":"/integrations/inventory-and-erp/delmiaworks-iqms"},{"title":"Plex","href":"/integrations/inventory-and-erp/plex"},{"title":"MRPeasy","href":"/integrations/inventory-and-erp/mrpeasy"},{"title":"Katana","href":"/integrations/inventory-and-erp/katana"},{"title":"Fishbowl","href":"/integrations/inventory-and-erp/fishbowl"},{"title":"Cin7 Core / Cin7 Omni","href":"/integrations/inventory-and-erp/cin7-core-cin7-omni"},{"title":"Unleashed","href":"/integrations/inventory-and-erp/unleashed"},{"title":"inFlow Inventory","href":"/integrations/inventory-and-erp/inflow-inventory"},{"title":"Zoho Inventory","href":"/integrations/inventory-and-erp/zoho-inventory"},{"title":"Finale Inventory","href":"/integrations/inventory-and-erp/finale-inventory"},{"title":"Acctivate","href":"/integrations/inventory-and-erp/acctivate"},{"title":"SOS Inventory","href":"/integrations/inventory-and-erp/sos-inventory"},{"title":"Order Time Inventory","href":"/integrations/inventory-and-erp/order-time-inventory"},{"title":"Ordoro","href":"/integrations/inventory-and-erp/ordoro"},{"title":"Linnworks / SkuVault Core","href":"/integrations/inventory-and-erp/linnworks-skuvault-core"},{"title":"Extensiv 3PL Warehouse Manager","href":"/integrations/inventory-and-erp/extensiv-3pl-warehouse-manager"},{"title":"Extensiv Order Manager / Skubana","href":"/integrations/inventory-and-erp/extensiv-order-manager-skubana"},{"title":"Logiwa","href":"/integrations/inventory-and-erp/logiwa"},{"title":"ShipHero","href":"/integrations/inventory-and-erp/shiphero"},{"title":"Tecsys Elite WMS","href":"/integrations/inventory-and-erp/tecsys-elite-wms"},{"title":"Blue Yonder Warehouse Management","href":"/integrations/inventory-and-erp/blue-yonder-warehouse-management"},{"title":"Manhattan Active Warehouse Management","href":"/integrations/inventory-and-erp/manhattan-active-warehouse-management"},{"title":"Descartes Peoplevox","href":"/integrations/inventory-and-erp/descartes-peoplevox"},{"title":"Blue Link ERP","href":"/integrations/inventory-and-erp/blue-link-erp"},{"title":"Spire","href":"/integrations/inventory-and-erp/spire"},{"title":"ParagonERP","href":"/integrations/inventory-and-erp/paragonerp"},{"title":"maestro*ERP","href":"/integrations/inventory-and-erp/maestro-erp"}]},{"group":"Bank Integrations","icon":"landmark","expanded":false,"pages":[{"title":"Bank Integrations","sidebarTitle":"All bank integrations","href":"/integrations/bank-integrations/index"},{"title":"Flinks","href":"/integrations/bank-integrations/flinks"},{"title":"Plaid - Canada (CA)","href":"/integrations/bank-integrations/plaid-canada-ca"},{"title":"Mastercard Open Finance US (Finicity)","href":"/integrations/bank-integrations/mastercard-open-finance-us-finicity"},{"title":"MX","href":"/integrations/bank-integrations/mx"},{"title":"Yodlee","href":"/integrations/bank-integrations/yodlee"},{"title":"Inverite Bank Verify","href":"/integrations/bank-integrations/inverite-bank-verify"},{"title":"Salt Edge","href":"/integrations/bank-integrations/salt-edge"},{"title":"Akoya","href":"/integrations/bank-integrations/akoya"},{"title":"Teller","href":"/integrations/bank-integrations/teller"},{"title":"Stripe Financial Connections","href":"/integrations/bank-integrations/stripe-financial-connections"},{"title":"Trustly Connect / Insights","href":"/integrations/bank-integrations/trustly-connect-insights"},{"title":"Zūm Rails Data Aggregation","href":"/integrations/bank-integrations/zum-rails-data-aggregation"},{"title":"Plaid - United States (US)","href":"/integrations/bank-integrations/plaid-united-states-us"}]},{"group":"Lender Systems","icon":"briefcase-business","expanded":false,"pages":[{"title":"Lender Systems","sidebarTitle":"All lender systems","href":"/integrations/lender-systems/index"},{"title":"nCino","href":"/integrations/lender-systems/ncino"},{"title":"Mortgage Automator","href":"/integrations/lender-systems/mortgage-automator"},{"title":"The Mortgage Office (Applied Business Software)","href":"/integrations/lender-systems/the-mortgage-office-applied-business-software"},{"title":"TurnKey Lender","href":"/integrations/lender-systems/turnkey-lender"},{"title":"HES FinTech - HES LoanBox","href":"/integrations/lender-systems/hes-fintech-hes-loanbox"},{"title":"ICE Mortgage Technology - Encompass","href":"/integrations/lender-systems/ice-mortgage-technology-encompass"},{"title":"MeridianLink","href":"/integrations/lender-systems/meridianlink"},{"title":"Abrigo - Sageworks","href":"/integrations/lender-systems/abrigo-sageworks"},{"title":"Lendesk - Finmo / Lender Network","href":"/integrations/lender-systems/lendesk-finmo-lender-network"},{"title":"Filogix - Link / Expert / DocConnect","href":"/integrations/lender-systems/filogix-link-expert-docconnect"},{"title":"Finastra - Loan IQ / Nexus","href":"/integrations/lender-systems/finastra-loan-iq-nexus"},{"title":"LoanPro","href":"/integrations/lender-systems/loanpro"},{"title":"Nortridge Loan System","href":"/integrations/lender-systems/nortridge-loan-system"},{"title":"Margill Loan Manager","href":"/integrations/lender-systems/margill-loan-manager"},{"title":"Shaw Systems","href":"/integrations/lender-systems/shaw-systems"},{"title":"FIS - Commercial Loan Servicing (formerly ACBS)","href":"/integrations/lender-systems/fis-commercial-loan-servicing-formerly-acbs"},{"title":"Mambu","href":"/integrations/lender-systems/mambu"},{"title":"Temenos","href":"/integrations/lender-systems/temenos"},{"title":"Thought Machine - Vault Core","href":"/integrations/lender-systems/thought-machine-vault-core"},{"title":"Salesforce - Agentforce Financial Services / Financial Services Cloud","href":"/integrations/lender-systems/salesforce-agentforce-financial-services-financial-services-cloud"},{"title":"Microsoft - Dynamics 365 / Dataverse","href":"/integrations/lender-systems/microsoft-dynamics-365-dataverse"},{"title":"Provenir","href":"/integrations/lender-systems/provenir"},{"title":"Taktile","href":"/integrations/lender-systems/taktile"},{"title":"FICO - FICO Platform","href":"/integrations/lender-systems/fico-fico-platform"},{"title":"Experian - PowerCurve","href":"/integrations/lender-systems/experian-powercurve"}]}]},{"group":"Data Model","pages":[{"title":"Data model","sidebarTitle":"Start here","icon":"compass","href":"/data-model/start-here"},{"group":"Core","icon":"network","expanded":false,"pages":[{"title":"Domains","href":"/data-model/domains"},{"title":"Entities","href":"/data-model/entities"},{"title":"Relationships","href":"/data-model/relationships"}]},{"group":"Fields / Types","icon":"list-tree","expanded":false,"pages":[{"title":"Field Dictionary","href":"/data-model/field-dictionary"},{"title":"Shared Types","href":"/data-model/shared-types"},{"title":"Enumerations","href":"/data-model/enumerations"}]},{"group":"Rules","icon":"workflow","expanded":false,"pages":[{"title":"Normalization rules","href":"/data-model/normalization-rules"},{"title":"Derived Attributes","href":"/data-model/derived-attributes"},{"title":"Events","href":"/data-model/events"},{"title":"Workflow Guide","href":"/data-model/workflow-guide"}]},{"group":"Coverage","icon":"map","expanded":false,"pages":[{"title":"Provider Coverage","href":"/data-model/provider-coverage"},{"title":"Resource Coverage","href":"/data-model/resource-coverage"},{"title":"Field Mappings","href":"/data-model/field-mappings"},{"title":"Coverage considerations","href":"/data-model/coverage-considerations"}]}]},{"group":"Pricing","pages":[{"title":"Pricing","sidebarTitle":"Overview","href":"/pricing/overview"},{"group":"Products","icon":"boxes","expanded":false,"pages":[{"title":"AMLOK Insights","href":"/pricing/insights"},{"title":"AMLOK Signal","href":"/pricing/signal"}]},{"group":"Billing","icon":"wallet","expanded":false,"pages":[{"title":"Pricing calculator","mode":"wide","href":"/pricing/calculator"},{"title":"Complexity tiers","mode":"wide","href":"/pricing/complexity-tiers"},{"title":"Credits and billing","href":"/pricing/credits-and-billing"},{"title":"Agreement terms","href":"/pricing/contract-terms"},{"title":"Cancellation and refunds","href":"/pricing/refunds-and-payouts"}]}]},{"group":"Support","pages":[{"title":"Support overview","href":"/support/overview"},{"title":"Create a support ticket","href":"/support/create-ticket"},{"title":"Service level agreement","href":"/support/sla"},{"title":"Severity and escalation","href":"/support/severity-and-escalation"},{"title":"Troubleshooting","href":"/support/troubleshooting"},{"title":"Account management","href":"/support/account-management"}]},{"group":"Security \u0026 Compliance","pages":[{"title":"Security \u0026 Compliance","sidebarTitle":"Security overview","href":"/security/overview"},{"group":"Security","icon":"shield","expanded":false,"pages":[{"title":"Platform security","href":"/security/platform-security"},{"title":"Incident response and continuity","href":"/security/incident-response"},{"title":"Due diligence","href":"/security/due-diligence"}]},{"group":"Privacy","icon":"lock","expanded":false,"pages":[{"title":"Privacy and data handling","href":"/security/privacy"},{"title":"Hosting and subprocessors","href":"/security/hosting-and-subprocessors"}]},{"group":"Compliance","icon":"scale","expanded":false,"pages":[{"title":"Standards and control alignment","href":"/security/standards"},{"title":"Canadian requirements","href":"/security/canada"},{"title":"Quebec privacy","href":"/security/quebec"},{"title":"United States requirements","href":"/security/united-states"},{"title":"AI and model governance","href":"/security/ai-governance"}]}]},{"group":"Resources","pages":[{"title":"Resources","sidebarTitle":"Resource library","description":"Find your way around AMLOK documentation.","href":"/resources/index"},{"title":"Brand guidelines and design system","sidebarTitle":"Brand and design system","mode":"wide","href":"/resources/brand"}]}]},{"tab":"API Reference","icon":"square-terminal","pages":[{"title":"API Reference","href":"/api-reference/overview"}]}]},"title":"Brand guidelines and design system - AMLOK","buildId":"dpl_2xiSHD9XEvLsPGPcfoMtkLTB3dy9","deploymentId":"dpl_2xiSHD9XEvLsPGPcfoMtkLTB3dy9","dynamics":[],"chunks":[]}
