<svg width="2560" height="1080" viewBox="0 0 2560 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
  <!-- Gradient Background -->
  <defs>
    <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
      <stop offset="50%" style="stop-color:#764ba2;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#667eea;stop-opacity:1" />
    </linearGradient>
    <linearGradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:rgba(0,0,0,0.3);stop-opacity:1" />
      <stop offset="100%" style="stop-color:rgba(0,0,0,0.5);stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <!-- Background -->
  <rect width="2560" height="1080" fill="url(#grad1)"/>
  
  <!-- Pattern Overlay -->
  <g opacity="0.1">
    <rect x="0" y="0" width="60" height="60" fill="black"/>
    <rect x="120" y="0" width="60" height="60" fill="black"/>
    <rect x="240" y="0" width="60" height="60" fill="black"/>
    <rect x="360" y="0" width="60" height="60" fill="black"/>
    <rect x="480" y="0" width="60" height="60" fill="black"/>
    <rect x="600" y="0" width="60" height="60" fill="black"/>
    <rect x="720" y="0" width="60" height="60" fill="black"/>
    <rect x="840" y="0" width="60" height="60" fill="black"/>
    <rect x="960" y="0" width="60" height="60" fill="black"/>
    <rect x="1080" y="0" width="60" height="60" fill="black"/>
    <rect x="1200" y="0" width="60" height="60" fill="black"/>
    <rect x="1320" y="0" width="60" height="60" fill="black"/>
    <rect x="1440" y="0" width="60" height="60" fill="black"/>
    <rect x="1560" y="0" width="60" height="60" fill="black"/>
    <rect x="1680" y="0" width="60" height="60" fill="black"/>
    <rect x="1800" y="0" width="60" height="60" fill="black"/>
    <rect x="1920" y="0" width="60" height="60" fill="black"/>
    <rect x="2040" y="0" width="60" height="60" fill="black"/>
    <rect x="2160" y="0" width="60" height="60" fill="black"/>
    <rect x="2280" y="0" width="60" height="60" fill="black"/>
    <rect x="2400" y="0" width="60" height="60" fill="black"/>
    <rect x="0" y="120" width="60" height="60" fill="black"/>
    <rect x="120" y="120" width="60" height="60" fill="black"/>
    <rect x="240" y="120" width="60" height="60" fill="black"/>
    <rect x="360" y="120" width="60" height="60" fill="black"/>
    <rect x="480" y="120" width="60" height="60" fill="black"/>
    <rect x="600" y="120" width="60" height="60" fill="black"/>
    <rect x="720" y="120" width="60" height="60" fill="black"/>
    <rect x="840" y="120" width="60" height="60" fill="black"/>
    <rect x="960" y="120" width="60" height="60" fill="black"/>
    <rect x="1080" y="120" width="60" height="60" fill="black"/>
    <rect x="1200" y="120" width="60" height="60" fill="black"/>
    <rect x="1320" y="120" width="60" height="60" fill="black"/>
    <rect x="1440" y="120" width="60" height="60" fill="black"/>
    <rect x="1560" y="120" width="60" height="60" fill="black"/>
    <rect x="1680" y="120" width="60" height="60" fill="black"/>
    <rect x="1800" y="120" width="60" height="60" fill="black"/>
    <rect x="1920" y="120" width="60" height="60" fill="black"/>
    <rect x="2040" y="120" width="60" height="60" fill="black"/>
    <rect x="2160" y="120" width="60" height="60" fill="black"/>
    <rect x="2280" y="120" width="60" height="60" fill="black"/>
    <rect x="2400" y="120" width="60" height="60" fill="black"/>
  </g>
  
  <!-- Dark Overlay -->
  <rect width="2560" height="1080" fill="url(#grad2)"/>
  
  <!-- Decorative Lines -->
  <g opacity="0.1">
    <line x1="100" y1="200" x2="300" y2="200" stroke="white" stroke-width="4"/>
    <line x1="100" y1="880" x2="300" y2="880" stroke="white" stroke-width="4"/>
    <line x1="2260" y1="200" x2="2460" y2="200" stroke="white" stroke-width="4"/>
    <line x1="2260" y1="880" x2="2460" y2="880" stroke="white" stroke-width="4"/>
  </g>
  
  <!-- Corner Dots -->
  <g opacity="0.3">
    <circle cx="150" cy="150" r="12" fill="white"/>
    <circle cx="2410" cy="150" r="12" fill="white"/>
    <circle cx="150" cy="930" r="12" fill="white"/>
    <circle cx="2410" cy="930" r="12" fill="white"/>
  </g>
  
  <!-- Brand Text at Top -->
  <text x="1280" y="250" font-family="Arial, sans-serif" font-size="64" font-weight="bold" fill="white" text-anchor="middle" opacity="0.9" letter-spacing="12">
    SPLITFIRE
  </text>
  
  <!-- Main Title -->
  <text x="1280" y="480" font-family="Arial, sans-serif" font-size="220" font-weight="900" fill="white" text-anchor="middle" letter-spacing="20">
    MAGZ
  </text>
  
  <!-- Underline -->
  <line x1="780" y1="520" x2="1780" y2="520" stroke="white" stroke-width="8"/>
  
  <!-- Tagline -->
  <text x="1280" y="640" font-family="Arial, sans-serif" font-size="56" font-weight="600" fill="white" text-anchor="middle" opacity="0.95" letter-spacing="4">
    Where Music Meets Innovation
  </text>
  
  <!-- Subtitle -->
  <text x="1280" y="730" font-family="Arial, sans-serif" font-size="42" font-weight="400" fill="white" text-anchor="middle" opacity="0.8" letter-spacing="2">
    Stories • Interviews • Culture • Technology
  </text>
  
  <!-- NOW LIVE Badge -->
  <g>
    <rect x="1120" y="820" width="320" height="80" rx="40" fill="rgba(255,255,255,0.15)" stroke="white" stroke-width="3"/>
    <text x="1280" y="872" font-family="Arial, sans-serif" font-size="36" font-weight="bold" fill="white" text-anchor="middle" letter-spacing="4">
      NOW LIVE
    </text>
  </g>
</svg>