<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 400" style="background: linear-gradient(135deg, #0066cc 0%, #004499 50%, #002266 100%);">
  <!-- Background elements -->
  <defs>
    <linearGradient id="goldGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#ffd700;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#ffaa00;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="silverGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#ffffff;stop-opacity:0.9" />
      <stop offset="100%" style="stop-color:#cccccc;stop-opacity:0.9" />
    </linearGradient>
  </defs>
  
  <!-- Grid pattern for professional look -->
  <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
    <path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/>
  </pattern>
  <rect width="100%" height="100%" fill="url(#grid)" />
  
  <!-- Sales chart/graph rising -->
  <g transform="translate(50, 150)">
    <!-- Chart bars -->
    <rect x="0" y="120" width="25" height="40" fill="url(#goldGradient)" />
    <rect x="35" y="100" width="25" height="60" fill="url(#goldGradient)" />
    <rect x="70" y="70" width="25" height="90" fill="url(#goldGradient)" />
    <rect x="105" y="40" width="25" height="120" fill="url(#goldGradient)" />
    <rect x="140" y="20" width="25" height="140" fill="url(#goldGradient)" />
    <rect x="175" y="10" width="25" height="150" fill="url(#goldGradient)" />
    
    <!-- Rising arrow -->
    <path d="M 220 30 L 270 10 L 260 20 L 280 5 L 270 25 L 260 20" fill="url(#goldGradient)" stroke="#ffffff" stroke-width="2"/>
    
    <!-- Chart labels -->
    <text x="85" y="190" fill="rgba(255,255,255,0.8)" font-family="Arial, sans-serif" font-size="12" text-anchor="middle">Sales Growth</text>
  </g>
  
  <!-- Professional silhouette figure -->
  <g transform="translate(320, 80)">
    <!-- Business person with briefcase -->
    <ellipse cx="40" cy="280" rx="15" ry="8" fill="rgba(255,255,255,0.2)" /> <!-- shadow -->
    <rect x="30" y="200" width="20" height="80" fill="url(#silverGradient)" /> <!-- body -->
    <rect x="25" y="190" width="30" height="25" fill="url(#silverGradient)" /> <!-- suit jacket -->
    <rect x="28" y="195" width="8" height="15" fill="#ffffff" /> <!-- shirt -->
    <rect x="32" y="195" width="4" height="10" fill="#ff0000" /> <!-- tie -->
    <circle cx="40" cy="175" r="12" fill="url(#silverGradient)" /> <!-- head -->
    <rect x="45" y="210" width="8" height="40" fill="url(#silverGradient)" /> <!-- arm -->
    <rect x="50" y="240" width="15" height="12" fill="#333333" /> <!-- briefcase -->
    <rect x="27" y="210" width="8" height="40" fill="url(#silverGradient)" /> <!-- other arm -->
    <rect x="35" y="275" width="5" height="15" fill="url(#silverGradient)" /> <!-- leg -->
    <rect x="42" y="275" width="5" height="15" fill="url(#silverGradient)" /> <!-- other leg -->
  </g>
  
  <!-- Dollar signs and success symbols -->
  <g fill="url(#goldGradient)" opacity="0.7">
    <text x="500" y="100" font-family="Arial Black, sans-serif" font-size="48" font-weight="bold">$</text>
    <text x="580" y="180" font-family="Arial Black, sans-serif" font-size="36" font-weight="bold">$</text>
    <text x="650" y="120" font-family="Arial Black, sans-serif" font-size="42" font-weight="bold">$</text>
    
    <!-- Success stars -->
    <polygon points="750,60 755,75 770,75 758,85 763,100 750,92 737,100 742,85 730,75 745,75" fill="url(#goldGradient)" />
    <polygon points="800,140 804,150 814,150 806,158 810,168 800,162 790,168 794,158 786,150 796,150" fill="url(#goldGradient)" />
    <polygon points="720,180 723,188 731,188 725,194 728,202 720,198 712,202 715,194 709,188 717,188" fill="url(#goldGradient)" />
  </g>
  
  <!-- Handshake symbol representing deals -->
  <g transform="translate(850, 120)">
    <!-- Two hands meeting -->
    <path d="M 0 40 Q 10 30 20 35 L 40 45 Q 50 40 60 45 L 80 55 Q 90 50 100 55" 
          fill="none" stroke="url(#silverGradient)" stroke-width="8" stroke-linecap="round"/>
    <path d="M 0 50 Q 10 60 20 55 L 40 65 Q 50 70 60 65 L 80 75 Q 90 80 100 75" 
          fill="none" stroke="url(#silverGradient)" stroke-width="8" stroke-linecap="round"/>
    <circle cx="50" cy="50" r="15" fill="rgba(255,255,255,0.3)" stroke="url(#goldGradient)" stroke-width="2"/>
    <text x="50" y="100" fill="rgba(255,255,255,0.8)" font-family="Arial, sans-serif" font-size="12" text-anchor="middle">Success</text>
  </g>
  
  <!-- Commission percentage -->
  <g transform="translate(980, 60)">
    <rect x="0" y="0" width="180" height="60" rx="10" fill="rgba(255,255,255,0.1)" stroke="url(#goldGradient)" stroke-width="2"/>
    <text x="90" y="25" fill="url(#goldGradient)" font-family="Arial Black, sans-serif" font-size="18" font-weight="bold" text-anchor="middle">COMMISSION</text>
    <text x="90" y="45" fill="#ffffff" font-family="Arial, sans-serif" font-size="14" text-anchor="middle">DRIVEN</text>
  </g>
  
  <!-- Target/goal symbol -->
  <g transform="translate(50, 50)">
    <circle cx="0" cy="0" r="30" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="2"/>
    <circle cx="0" cy="0" r="20" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="2"/>
    <circle cx="0" cy="0" r="10" fill="none" stroke="url(#goldGradient)" stroke-width="3"/>
    <circle cx="0" cy="0" r="3" fill="url(#goldGradient)"/>
    <text x="0" y="50" fill="rgba(255,255,255,0.8)" font-family="Arial, sans-serif" font-size="10" text-anchor="middle">TARGET</text>
  </g>
  
  <!-- Performance metrics -->
  <g transform="translate(400, 300)">
    <rect x="0" y="0" width="400" height="40" rx="20" fill="rgba(255,255,255,0.1)"/>
    <rect x="5" y="5" width="300" height="30" rx="15" fill="url(#goldGradient)"/>
    <text x="200" y="25" fill="#003366" font-family="Arial Black, sans-serif" font-size="14" font-weight="bold" text-anchor="middle">Performance Excellence</text>
  </g>
  
  <!-- Floating elements for dynamic feel -->
  <g opacity="0.4">
    <circle cx="150" cy="300" r="3" fill="url(#goldGradient)">
      <animate attributeName="cy" values="300;280;300" dur="3s" repeatCount="indefinite"/>
    </circle>
    <circle cx="1050" cy="250" r="2" fill="#ffffff">
      <animate attributeName="cy" values="250;230;250" dur="2.5s" repeatCount="indefinite"/>
    </circle>
    <circle cx="900" cy="300" r="4" fill="url(#goldGradient)">
      <animate attributeName="cy" values="300;270;300" dur="4s" repeatCount="indefinite"/>
    </circle>
  </g>
</svg>