=<svg viewBox="0 0 900 680" width="100%" height="auto" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
  <!-- Background container -->
  <rect width="900" height="680" rx="24" fill="#F5F3EE"/>
  
  <!-- Padding container content -->
  <g transform="translate(24, 24)">
    
    <!-- Title -->
    <text x="426" y="40" font-size="26" font-weight="700" text-anchor="middle" fill="#2C2C2A">
      Weak Outline vs. SEO-Engineered Brief
    </text>
    
    <!-- Comparison section -->
    <g transform="translate(0, 80)">
      
      <!-- Left column header -->
      <circle cx="60" cy="24" r="24" fill="none" stroke="#C4A77D" stroke-width="2"/>
      <text x="60" y="32" font-size="14" font-weight="600" text-anchor="middle" fill="#C4A77D">✕</text>
      
      <text x="120" y="32" font-size="18" font-weight="600" fill="#2C2C2A">Weak Outline</text>
      
      <!-- Left column bullets -->
      <g transform="translate(0, 60)">
        <circle cx="12" cy="8" r="2.5" fill="#D4D0C8"/>
        <text x="28" y="12" font-size="14" font-weight="400" fill="#4A4A47">Topic-based H2s</text>
        
        <circle cx="12" cy="40" r="2.5" fill="#D4D0C8"/>
        <text x="28" y="44" font-size="14" font-weight="400" fill="#4A4A47">No entity list</text>
        
        <circle cx="12" cy="72" r="2.5" fill="#D4D0C8"/>
        <text x="28" y="76" font-size="14" font-weight="400" fill="#4A4A47">No intent declaration</text>
        
        <circle cx="12" cy="104" r="2.5" fill="#D4D0C8"/>
        <text x="28" y="108" font-size="14" font-weight="400" fill="#4A4A47">No internal links planned</text>
        
        <circle cx="12" cy="136" r="2.5" fill="#D4D0C8"/>
        <text x="28" y="140" font-size="14" font-weight="400" fill="#4A4A47">No voice rules</text>
      </g>
      
      <!-- Vertical divider -->
      <line x1="426" y1="0" x2="426" y2="200" stroke="#D4D0C8" stroke-width="1"/>
      
      <!-- Right column header -->
      <circle cx="792" cy="24" r="24" fill="none" stroke="#C4A77D" stroke-width="2"/>
      <text x="792" y="32" font-size="14" font-weight="600" text-anchor="middle" fill="#C4A77D">✓</text>
      
      <text x="666" y="32" font-size="18" font-weight="600" fill="#2C2C2A">SEO-Engineered Brief</text>
      
      <!-- Right column bullets -->
      <g transform="translate(452, 60)">
        <circle cx="12" cy="8" r="2.5" fill="#C4A77D"/>
        <text x="28" y="12" font-size="14" font-weight="400" fill="#4A4A47">SERP-mirrored H2s</text>
        
        <circle cx="12" cy="40" r="2.5" fill="#C4A77D"/>
        <text x="28" y="44" font-size="14" font-weight="400" fill="#4A4A47">12 must-cover entities</text>
        
        <circle cx="12" cy="72" r="2.5" fill="#C4A77D"/>
        <text x="28" y="76" font-size="14" font-weight="400" fill="#4A4A47">Intent: informational, declared</text>
        
        <circle cx="12" cy="104" r="2.5" fill="#C4A77D"/>
        <text x="28" y="108" font-size="14" font-weight="400" fill="#4A4A47">4 internal links pre-mapped</text>
        
        <circle cx="12" cy="136" r="2.5" fill="#C4A77D"/>
        <text x="28" y="140" font-size="14" font-weight="400" fill="#4A4A47">Voice file + anti-pattern list</text>
      </g>
      
    </g>
    
    <!-- Output section -->
    <g transform="translate(0, 320)">
      
      <!-- Divider line -->
      <line x1="0" y1="0" x2="852" y2="0" stroke="#D4D0C8" stroke-width="1"/>
      
      <!-- Results grid -->
      <g transform="translate(0, 32)">
        
        <!-- Left result box -->
        <rect x="0" y="0" width="390" height="120" rx="12" fill="#FAF8F5" stroke="#D4D0C8" stroke-width="1"/>
        
        <!-- Output icon (generic) -->
        <g transform="translate(28, 28)">
          <rect x="0" y="8" width="12" height="40" fill="none" stroke="#D4D0C8" stroke-width="2"/>
          <rect x="16" y="0" width="12" height="48" fill="none" stroke="#D4D0C8" stroke-width="2"/>
          <rect x="32" y="20" width="12" height="28" fill="none" stroke="#D4D0C8" stroke-width="2"/>
        </g>
        
        <text x="90" y="48" font-size="16" font-weight="600" fill="#2C2C2A">Generic Output</text>
        <text x="90" y="70" font-size="12" font-weight="400" fill="#6B6B67">Unfocused content that misses ranking signals</text>
        <text x="90" y="88" font-size="12" font-weight="400" fill="#6B6B67">and searcher expectations</text>
      </g>
      
      <!-- Right result box -->
      <g transform="translate(462, 32)">
        <rect x="0" y="0" width="390" height="120" rx="12" fill="#E8E4DD" stroke="#C4A77D" stroke-width="2"/>
        
        <!-- Output icon (optimized) -->
        <g transform="translate(28, 28)">
          <rect x="0" y="8" width="12" height="40" fill="#C4A77D"/>
          <rect x="16" y="0" width="12" height="48" fill="#C4A77D"/>
          <rect x="32" y="20" width="12" height="28" fill="#C4A77D"/>
        </g>
        
        <text x="90" y="48" font-size="16" font-weight="600" fill="#2C2C2A">Rank-Ready Draft</text>
        <text x="90" y="70" font-size="12" font-weight="400" fill="#4A4A47">Optimized structure aligned with search intent</text>
        <text x="90" y="88" font-size="12" font-weight="400" fill="#4A4A47">and competitive positioning</text>
      </g>
      
    </g>
    
  </g>
  
</svg>