<svg xmlns="http://www.w3.org/2000/svg" width="840" height="620" viewBox="0 0 840 620" role="img" aria-labelledby="title desc">
<title id="title">Database email composition workflow</title><desc id="desc">A stylised workflow showing FileMaker data becoming an Outlook compose message.</desc>
<defs><linearGradient id="bg" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#eff6ff"/><stop offset="1" stop-color="#eef2ff"/></linearGradient><linearGradient id="blue" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#3b82f6"/><stop offset="1" stop-color="#4f46e5"/></linearGradient><filter id="shadow"><feDropShadow dx="0" dy="20" stdDeviation="20" flood-color="#1e293b" flood-opacity=".16"/></filter></defs>
<rect width="840" height="620" rx="36" fill="url(#bg)"/>
<g filter="url(#shadow)"><rect x="78" y="96" width="260" height="350" rx="24" fill="#fff"/><rect x="105" y="128" width="92" height="20" rx="10" fill="#2563eb"/><rect x="105" y="174" width="182" height="16" rx="8" fill="#cbd5e1"/><rect x="105" y="208" width="158" height="16" rx="8" fill="#cbd5e1"/><rect x="105" y="242" width="196" height="16" rx="8" fill="#cbd5e1"/><rect x="105" y="305" width="92" height="34" rx="10" fill="#dbeafe"/><rect x="210" y="305" width="92" height="34" rx="10" fill="#eef2ff"/><rect x="105" y="366" width="196" height="20" rx="10" fill="#eff6ff"/></g>
<g filter="url(#shadow)"><rect x="500" y="150" width="270" height="310" rx="24" fill="#fff"/><rect x="500" y="150" width="270" height="58" rx="24" fill="url(#blue)"/><path d="M500 184h270" stroke="#4f46e5"/><circle cx="535" cy="180" r="8" fill="#bfdbfe"/><circle cx="560" cy="180" r="8" fill="#bfdbfe" opacity=".75"/><circle cx="585" cy="180" r="8" fill="#bfdbfe" opacity=".5"/><rect x="530" y="236" width="205" height="14" rx="7" fill="#cbd5e1"/><rect x="530" y="270" width="160" height="14" rx="7" fill="#cbd5e1"/><rect x="530" y="314" width="195" height="66" rx="12" fill="#f8fafc"/><rect x="530" y="404" width="96" height="32" rx="10" fill="#2563eb"/></g>
<path d="M355 286 C410 246 442 246 486 286" fill="none" stroke="#2563eb" stroke-width="9" stroke-linecap="round"/><path d="m474 262 18 23-27 9" fill="none" stroke="#2563eb" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
<g><rect x="353" y="330" width="134" height="54" rx="18" fill="#0f172a" opacity=".92"/><text x="420" y="363" text-anchor="middle" font-family="Inter, Arial, sans-serif" font-size="15" font-weight="800" fill="#fff">secure bridge</text></g>
<circle cx="128" cy="510" r="12" fill="#60a5fa" opacity=".45"/><circle cx="706" cy="90" r="18" fill="#818cf8" opacity=".4"/><circle cx="404" cy="86" r="10" fill="#06b6d4" opacity=".4"/></svg>
