<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 80" width="100%" height="100%">
  <defs>
    <linearGradient id="blueGradW" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#60A5FA" />
      <stop offset="100%" stop-color="#3B82F6" />
    </linearGradient>
    <linearGradient id="greenGradW" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#34D399" />
      <stop offset="100%" stop-color="#10B981" />
    </linearGradient>
    <linearGradient id="glowGradW" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#38BDF8" />
      <stop offset="100%" stop-color="#10B981" />
    </linearGradient>
  </defs>

  <!-- Logo Mark Icon -->
  <g transform="translate(10, 8)">
    <rect x="0" y="0" width="64" height="64" rx="18" fill="#1E293B" stroke="#334155" stroke-width="1.5"/>
    
    <circle cx="24" cy="36" r="6" fill="url(#blueGradW)" />
    <circle cx="44" cy="26" r="5" fill="url(#greenGradW)" />
    <circle cx="40" cy="44" r="6.5" fill="url(#glowGradW)" />

    <line x1="24" y1="36" x2="44" y2="26" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round" stroke-dasharray="1 3"/>
    <line x1="24" y1="36" x2="40" y2="44" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round"/>
    <line x1="44" y1="26" x2="40" y2="44" stroke="#FFFFFF" stroke-width="2.5" stroke-linecap="round"/>

    <circle cx="40" cy="44" r="2.5" fill="#FFFFFF" />
    <circle cx="24" cy="36" r="2" fill="#FFFFFF" />
  </g>

  <!-- Typography: Brand Name -->
  <text x="88" y="44" font-family="'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif" font-weight="800" font-size="34" letter-spacing="-0.5" fill="#FFFFFF">
    Apps<tspan fill="#60A5FA">Alama</tspan>
  </text>

  <!-- Typography: Sub-label -->
  <text x="89" y="62" font-family="'Plus Jakarta Sans', 'Inter', 'Segoe UI', sans-serif" font-weight="600" font-size="11.5" letter-spacing="1.8" fill="#34D399">
    SATU PLATFORM, BANYAK SOLUSI
  </text>
</svg>
