<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="640" viewBox="0 0 1024 640">
  <defs>
    <linearGradient id="bg" x1="0%" y1="100%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#0f172a"/>
      <stop offset="50%" stop-color="#1d4ed8"/>
      <stop offset="100%" stop-color="#facc15"/>
    </linearGradient>
    <linearGradient id="brick" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#f97316"/>
      <stop offset="100%" stop-color="#ea580c"/>
    </linearGradient>
  </defs>
  <rect width="1024" height="640" fill="url(#bg)"/>
  <g transform="translate(150 180)">
    <rect x="0" y="160" width="320" height="160" rx="24" fill="url(#brick)" stroke="#fb923c" stroke-width="6"/>
    <rect x="360" y="80" width="320" height="160" rx="24" fill="#0ea5e9" stroke="#38bdf8" stroke-width="6" opacity="0.85"/>
    <rect x="200" y="0" width="320" height="160" rx="24" fill="#facc15" stroke="#fde047" stroke-width="6" opacity="0.9"/>
    <g fill="#0f172a" opacity="0.7">
      <circle cx="80" cy="200" r="26"/>
      <circle cx="160" cy="200" r="26"/>
      <circle cx="240" cy="200" r="26"/>
      <circle cx="440" cy="120" r="26"/>
      <circle cx="520" cy="120" r="26"/>
      <circle cx="600" cy="120" r="26"/>
      <circle cx="280" cy="40" r="26"/>
      <circle cx="360" cy="40" r="26"/>
      <circle cx="440" cy="40" r="26"/>
    </g>
  </g>
  <text x="150" y="540" fill="#f8fafc" font-family="Poppins, 'Segoe UI', sans-serif" font-size="72" font-weight="700">
    Image/3D → LEGO Builder
  </text>
  <text x="150" y="590" fill="#e2e8f0" font-family="Poppins, 'Segoe UI', sans-serif" font-size="32" font-weight="500">
    Local pipeline, live preview, brick-ready exports.
  </text>
</svg>

