<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 800" role="img" aria-labelledby="mariadbbinding-title mariadbbinding-desc">
  <title id="mariadbbinding-title">Private MariaDB application binding</title>
  <desc id="mariadbbinding-desc">An application receives scoped MariaDB credentials across a private network binding.</desc>
  <defs>
      <linearGradient id="panel" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#23433e"/><stop offset="1" stop-color="#101f25"/></linearGradient>
      <linearGradient id="database" x1="0" y1="0" x2="0" y2="1"><stop stop-color="#284744"/><stop offset="1" stop-color="#122429"/></linearGradient>
      <linearGradient id="mariadbbinding-beam" x1="0" y1="0" x2="1" y2="0"><stop stop-color="#4df7ba" stop-opacity="0"/><stop offset=".5" stop-color="#4df7ba"/><stop offset="1" stop-color="#4df7ba" stop-opacity="0"/></linearGradient>
      <filter id="mariadbbinding-shadow" x="-30%" y="-30%" width="160%" height="180%"><feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#02090b" flood-opacity=".55"/></filter>
      <filter id="mariadbbinding-glow" x="-100%" y="-100%" width="300%" height="300%"><feGaussianBlur stdDeviation="8" result="b"/><feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge></filter>
    </defs><style>
          .flow{stroke-dasharray:13 18;animation:mariadbbinding-flow 8s linear infinite}
          .pulse{animation:mariadbbinding-pulse 3.8s ease-in-out infinite}
          .scan{animation:mariadbbinding-scan 5.5s ease-in-out infinite}
          .float{animation:mariadbbinding-float 6s ease-in-out infinite}
          @keyframes mariadbbinding-flow{to{stroke-dashoffset:-186}}
          @keyframes mariadbbinding-pulse{50%{opacity:.28}}
          @keyframes mariadbbinding-scan{0%,100%{transform:translateY(-12px);opacity:.25}50%{transform:translateY(76px);opacity:.9}}
          @keyframes mariadbbinding-float{50%{transform:translateY(-8px)}}
          @media(prefers-reduced-motion:reduce){*{animation:none!important}}
        </style>
  <ellipse cx="500" cy="744" rx="418" ry="28" fill="#031012" opacity=".48"/>
  <ellipse cx="500" cy="733" rx="360" ry="16" fill="#4df7ba" opacity=".08"/>
  <g filter="url(#maria-shadow)"><rect x="70" y="205" width="335" height="390" rx="34" fill="url(#panel)" stroke="#587b73" stroke-width="3"/><rect x="650" y="170" width="275" height="455" rx="34" fill="url(#panel)" stroke="#587b73" stroke-width="3"/></g><text x="112" y="260" fill="#bce9da" font-size="23" font-weight="800" text-anchor="start" font-family="Inter,Arial,sans-serif">APPLICATION</text><circle cx="115" cy="302" r="8" fill="#ff786b"/><circle cx="141" cy="302" r="8" fill="#ffc86b"/><circle cx="167" cy="302" r="8" fill="#4df7ba"/><rect x="108" y="338" width="258" height="198" rx="18" fill="#0c1b20" stroke="#34584f" stroke-width="2"/><text x="136" y="382" fill="#8fb7ac" font-size="18" font-weight="700" text-anchor="start" font-family="Inter,Arial,sans-serif">DATABASE_URL</text><rect x="136" y="408" width="198" height="18" rx="9" fill="#23443d"/><rect x="136" y="445" width="154" height="14" rx="7" fill="#31554d"/><rect x="136" y="477" width="185" height="14" rx="7" fill="#31554d"/><g class="float"><path d="M692 295v132c0 44 190 44 190 0V295" fill="url(#database)" stroke="#587b73" stroke-width="4"/><ellipse cx="787" cy="295" rx="95" ry="30" fill="#2b4b48" stroke="#4df7ba" stroke-width="4"/><path d="M692 348c0 42 190 42 190 0M692 398c0 42 190 42 190 0" fill="none" stroke="#72958c" stroke-width="3"/><circle cx="850" cy="423" r="8" fill="#4df7ba" class="pulse"/><text x="787" y="382" fill="#bce9da" font-size="20" font-weight="700" text-anchor="middle" font-family="Inter,Arial,sans-serif">MariaDB</text></g><text x="785" y="230" fill="#bce9da" font-size="19" font-weight="800" text-anchor="middle" font-family="Inter,Arial,sans-serif">PRIVATE DATA SERVICE</text><rect x="437" y="300" width="178" height="200" rx="28" fill="#102226" stroke="#4d7469" stroke-width="3"/><path d="M492 373v-24c0-47 68-47 68 0v24" fill="none" stroke="#aa8cff" stroke-width="7"/><rect x="478" y="370" width="96" height="78" rx="18" fill="#241f3b" stroke="#aa8cff" stroke-width="4"/><circle cx="526" cy="404" r="10" fill="#aa8cff"/><path d="M526 414v16" stroke="#aa8cff" stroke-width="6"/><path d="M405 400h55M592 400h58" fill="none" stroke="#4df7ba" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" class="flow"/><text x="526" y="544" fill="#aa8cff" font-size="18" font-weight="800" text-anchor="middle" font-family="Inter,Arial,sans-serif">SCOPED BINDING</text><rect x="220" y="650" width="560" height="62" rx="19" fill="#102226" stroke="#355a51" stroke-width="3"/><circle cx="263" cy="681" r="8" fill="#4df7ba" class="pulse"/><text x="500" y="689" fill="#bce9da" font-size="18" font-weight="800" text-anchor="middle" font-family="Inter,Arial,sans-serif">SCOPED CREDENTIALS · PRIVATE NETWORK</text>
</svg>