<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="260" viewBox="0 0 1200 260" role="img" aria-label="Interactive examples and full documentation at advanced-forms.leancode.co">
  <defs>
    <linearGradient id="glow" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#050505"/>
      <stop offset="0.6" stop-color="#0b0b0d"/>
      <stop offset="1" stop-color="#1a1c05"/>
    </linearGradient>
    <clipPath id="frame"><rect width="1200" height="260" rx="20"/></clipPath>
  </defs>
  <g clip-path="url(#frame)">
    <rect width="1200" height="260" fill="url(#glow)"/>
    <circle cx="1060" cy="40" r="260" fill="#edff2f" opacity="0.10"/>
    <g stroke="#edff2f" stroke-opacity="0.12" stroke-width="1">
      <line x1="760" y1="-20" x2="620" y2="300"/>
      <line x1="900" y1="-20" x2="760" y2="300"/>
      <line x1="1040" y1="-20" x2="900" y2="300"/>
      <line x1="1180" y1="-20" x2="1040" y2="300"/>
    </g>
  </g>
  <rect x="0.5" y="0.5" width="1199" height="259" rx="20" fill="none" stroke="#33333e"/>
  <!-- The mark as in the logo (public/logo-dark.svg): the outlined tile, 364 units tall scaled to 104px. -->
  <g transform="translate(56 78) scale(0.28571) translate(-4 -20)" fill="none">
    <rect x="4" y="20" width="574" height="364" rx="40" fill="black" stroke="#4C4C4C" stroke-width="8"/>
    <rect x="266.423" y="164.133" width="147.277" height="42.2665" rx="21.1333" transform="rotate(120 266.423 164.133)" fill="white"/>
    <rect width="142.634" height="42.2727" rx="21.1364" transform="matrix(0.5 0.866025 0.866025 -0.5 209.527 164.354)" fill="white"/>
    <rect x="282.922" y="152.48" width="147.351" height="31.4026" rx="15.7013" fill="#F9FF07"/>
    <rect x="317.948" y="202" width="112.325" height="31.4026" rx="15.7013" fill="#F9FF07"/>
  </g>
  <g font-family="'Space Grotesk', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
    <text x="256" y="86" fill="#edff2f" font-size="17" font-weight="700" letter-spacing="3">TRY IT LIVE</text>
    <text x="256" y="148" fill="#f4f4f1" font-size="52" font-weight="700" letter-spacing="-1">advanced-forms.leancode.co</text>
    <text x="256" y="200" fill="#b7b7b3" font-size="24">Interactive Flutter examples you can type into&#160;&#160;·&#160;&#160;Full documentation</text>
  </g>
  <g transform="translate(1060 106)">
    <rect width="84" height="48" rx="24" fill="#edff2f"/>
    <path d="M30 24 H54 M44 14 L54 24 L44 34" fill="none" stroke="#0b0c00" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
  </g>
</svg>
