<svg width="400" height="400" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  <rect width="400" height="400" fill="#f3f4f6"/>

  <!-- Laptop/work setup -->
  <g transform="translate(100, 60)">
    <rect x="0" y="40" width="200" height="120" rx="8" fill="#3b82f6"/>
    <rect x="10" y="50" width="180" height="100" rx="4" fill="#1e40af"/>
    <rect x="20" y="60" width="160" height="80" rx="2" fill="#60a5fa"/>
    <rect x="-20" y="160" width="240" height="15" rx="4" fill="#1f2937"/>
    <circle cx="100" cy="175" r="30" fill="#1f2937"/>
  </g>

  <!-- Rate cards -->
  <g transform="translate(50, 220)">
    <rect x="0" y="0" width="90" height="70" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <text x="45" y="20" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">Hourly</text>
    <text x="45" y="45" text-anchor="middle" font-family="system-ui" font-size="20" fill="#3b82f6" font-weight="bold">$75</text>
    <text x="45" y="62" text-anchor="middle" font-family="system-ui" font-size="9" fill="#6b7280">/hour</text>
  </g>

  <g transform="translate(155, 220)">
    <rect x="0" y="0" width="90" height="70" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <text x="45" y="20" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">Daily</text>
    <text x="45" y="45" text-anchor="middle" font-family="system-ui" font-size="20" fill="#10b981" font-weight="bold">$600</text>
    <text x="45" y="62" text-anchor="middle" font-family="system-ui" font-size="9" fill="#6b7280">/day</text>
  </g>

  <g transform="translate(260, 220)">
    <rect x="0" y="0" width="90" height="70" rx="8" fill="white" stroke="#d1d5db" stroke-width="2"/>
    <text x="45" y="20" text-anchor="middle" font-family="system-ui" font-size="10" fill="#6b7280">Project</text>
    <text x="45" y="45" text-anchor="middle" font-family="system-ui" font-size="20" fill="#f59e0b" font-weight="bold">$3K</text>
    <text x="45" y="62" text-anchor="middle" font-family="system-ui" font-size="9" fill="#6b7280">10 hours</text>
  </g>

  <!-- Annual income -->
  <g transform="translate(90, 310)">
    <rect x="0" y="0" width="220" height="60" rx="10" fill="#10b981"/>
    <text x="110" y="25" text-anchor="middle" font-family="system-ui" font-size="14" fill="white">Target Annual Income</text>
    <text x="110" y="48" text-anchor="middle" font-family="system-ui" font-size="24" fill="white" font-weight="bold">$90,000</text>
  </g>

  <text x="200" y="390" text-anchor="middle" font-family="system-ui" font-size="16" font-weight="600" fill="#1f2937">Freelancer Rate Calculator</text>
</svg>
