<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 800" role="img" aria-labelledby="byo-title byo-desc">
  <title id="byo-title">Your server connected to Impreza apps and an AI assistant</title>
  <desc id="byo-desc">A server at the customer's host connects to the Impreza Agent and a limited AI assistant. The server stays with its provider.</desc>
  <style>\n    .byo-orbit { animation: byo-orbit 9s linear infinite; }\n    .byo-link { animation: byo-link 2.6s ease-in-out infinite; }\n    .byo-led { animation: byo-led 2s ease-in-out infinite; }\n    @keyframes byo-orbit { to { stroke-dashoffset: -176; } }\n    @keyframes byo-link { 50% { opacity: .35; } }\n    @keyframes byo-led { 50% { opacity: .38; } }\n    @media (prefers-reduced-motion: reduce) { .byo-orbit, .byo-link, .byo-led { animation: none; } }\n  </style>\n  <defs>
    <linearGradient id="byo-panel" x1="0" y1="0" x2="1" y2="1"><stop stop-color="#213d3b"/><stop offset="1" stop-color="#0a1b21"/></linearGradient>
    <linearGradient id="byo-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="byo-shadow" x="-30%" y="-30%" width="160%" height="180%"><feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#02090b" flood-opacity=".55"/></filter>
  </defs>
  <ellipse cx="500" cy="728" rx="410" ry="30" fill="#041013" opacity=".55"/>
  <path d="M132 606h756" stroke="#31564d" stroke-width="3" stroke-linecap="round"/>
  <g filter="url(#byo-shadow)">
    <rect x="68" y="164" width="258" height="428" rx="31" fill="url(#byo-panel)" stroke="#54776e" stroke-width="3"/>
    <rect x="351" y="116" width="330" height="492" rx="34" fill="url(#byo-panel)" stroke="#60877a" stroke-width="3"/>
    <rect x="708" y="205" width="224" height="341" rx="29" fill="url(#byo-panel)" stroke="#54776e" stroke-width="3"/>
  </g>
  <text x="197" y="214" fill="#c8eadf" font-family="Arial,sans-serif" font-size="23" font-weight="800" text-anchor="middle">YOUR HOST</text>
  <text x="197" y="243" fill="#8fb6a8" font-family="Arial,sans-serif" font-size="15" text-anchor="middle">Your server stays here</text>
  <rect x="102" y="276" width="190" height="249" rx="19" fill="#0a1c21" stroke="#355e55" stroke-width="3"/>
  <rect x="123" y="302" width="148" height="62" rx="12" fill="#122a2c" stroke="#466f62" stroke-width="2"/>
  <rect x="123" y="375" width="148" height="62" rx="12" fill="#122a2c" stroke="#466f62" stroke-width="2"/>
  <rect x="123" y="448" width="148" height="51" rx="12" fill="#122a2c" stroke="#466f62" stroke-width="2"/>
  <g stroke="#567c71" stroke-width="5" stroke-linecap="round"><path d="M151 325h88M151 343h57M151 398h88M151 416h57M151 471h88"/></g>
  <g fill="#4df7ba"><circle cx="252" cy="337" r="6"/><circle cx="252" cy="410" r="6"/><circle cx="252" cy="471" r="6"/></g>
  <path d="M326 381h25M681 381h27" stroke="#4df7ba" stroke-width="7" stroke-linecap="round" class="byo-link"/>
  <circle cx="339" cy="381" r="12" fill="#0b2226" stroke="#4df7ba" stroke-width="4"/>
  <circle cx="695" cy="381" r="12" fill="#0b2226" stroke="#4df7ba" stroke-width="4"/>
  <text x="516" y="169" fill="#c8eadf" font-family="Arial,sans-serif" font-size="26" font-weight="800" text-anchor="middle">IMPREZA APPS</text>
  <text x="516" y="198" fill="#8fb6a8" font-family="Arial,sans-serif" font-size="15" text-anchor="middle">Agent-powered workspace</text>
  <circle cx="516" cy="351" r="111" fill="#10272a" stroke="#355f55" stroke-width="3"/>
  <circle cx="516" cy="351" r="84" fill="#0b1c22" stroke="#4df7ba" stroke-width="4" stroke-dasharray="10 12" class="byo-orbit"/>
  <rect x="461" y="306" width="110" height="90" rx="17" fill="#1c3f3b" stroke="#4df7ba" stroke-width="4"/>
  <path d="M481 336h70M481 355h51M481 374h63" stroke="#c8eadf" stroke-width="7" stroke-linecap="round"/>
  <circle cx="584" cy="283" r="24" fill="#173f38" stroke="#4df7ba" stroke-width="3"/>
  <path d="m574 284 7 8 13-18" fill="none" stroke="#4df7ba" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
  <rect x="403" y="496" width="226" height="65" rx="17" fill="#142b2c" stroke="#3b6e5e" stroke-width="2"/>
  <circle cx="438" cy="528" r="8" fill="#4df7ba" class="byo-led"/>
  <text x="530" y="536" fill="#c8eadf" font-family="Arial,sans-serif" font-size="17" font-weight="700" text-anchor="middle">AGENT ONLINE</text>
  <text x="820" y="257" fill="#c8eadf" font-family="Arial,sans-serif" font-size="22" font-weight="800" text-anchor="middle">AI ASSISTANT</text>
  <rect x="739" y="289" width="162" height="159" rx="16" fill="#0a1d24" stroke="#315f58" stroke-width="2"/>
  <path d="M760 324h119M760 353h92M760 382h110" stroke="#53796f" stroke-width="9" stroke-linecap="round"/>
  <path d="m755 418 11 10 18-21" fill="none" stroke="#a88cff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
  <text x="848" y="416" fill="#c8eadf" font-family="Arial,sans-serif" font-size="15" font-weight="700" text-anchor="middle">LIMITED</text>
  <text x="848" y="437" fill="#c8eadf" font-family="Arial,sans-serif" font-size="15" font-weight="700" text-anchor="middle">ACCESS</text>
  <rect x="147" y="636" width="706" height="58" rx="20" fill="#0f2528" stroke="#355c52" stroke-width="2"/>
  <text x="500" y="673" fill="#c8eadf" font-family="Arial,sans-serif" font-size="20" font-weight="800" text-anchor="middle">YOUR INFRASTRUCTURE  ·  YOUR CONTROL</text>
</svg>
