<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390 844">
  <defs>
    <clipPath id="screenClip">
      <rect x="0" y="0" width="390" height="844" rx="44"/>
    </clipPath>
  </defs>

  <!-- Phone frame -->
  <rect width="390" height="844" rx="44" fill="#0A0A0C"/>

  <g clip-path="url(#screenClip)">
    <!-- Status bar -->
    <text x="36" y="58" fill="rgba(255,255,255,0.6)" font-family="sans-serif" font-size="14" font-weight="600">9:41</text>
    <rect x="300" y="48" width="4" height="6" rx="1" fill="rgba(255,255,255,0.4)"/>
    <rect x="307" y="45" width="4" height="9" rx="1" fill="rgba(255,255,255,0.5)"/>
    <rect x="314" y="42" width="4" height="12" rx="1" fill="rgba(255,255,255,0.6)"/>
    <rect x="321" y="39" width="4" height="15" rx="1" fill="rgba(255,255,255,0.7)"/>
    <rect x="338" y="43" width="22" height="11" rx="2.5" stroke="rgba(255,255,255,0.5)" stroke-width="1" fill="none"/>
    <rect x="340" y="45.5" width="16" height="6" rx="1" fill="rgba(255,255,255,0.5)"/>
    <rect x="361" y="47" width="1.5" height="3" rx="0.5" fill="rgba(255,255,255,0.3)"/>

    <!-- Nav bar -->
    <text x="28" y="105" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="15" font-weight="500">&#8592; Brand KPIs</text>
    <circle cx="360" cy="100" r="14" fill="rgba(255,255,255,0.06)"/>
    <text x="355" y="105" fill="rgba(255,255,255,0.3)" font-family="sans-serif" font-size="14">&#8942;</text>

    <line x1="28" y1="125" x2="362" y2="125" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>

    <!-- Section title -->
    <text x="28" y="158" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="13" letter-spacing="2">GLOBAL REACH</text>
    <text x="28" y="188" fill="white" font-family="sans-serif" font-size="22" font-weight="700">Brand Performance</text>

    <!-- Top KPI cards - 2x1 grid -->
    <rect x="28" y="212" width="160" height="110" rx="14" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <!-- Globe icon placeholder -->
    <circle cx="52" cy="240" r="12" fill="rgba(153,27,27,0.2)" stroke="#991B1B" stroke-width="0.5"/>
    <text x="48" y="244" fill="#991B1B" font-family="sans-serif" font-size="12">&#127758;</text>
    <text x="48" y="276" fill="white" font-family="monospace" font-size="28" font-weight="700">100+</text>
    <text x="48" y="300" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12">Countries</text>

    <rect x="202" y="212" width="160" height="110" rx="14" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <!-- Users icon placeholder -->
    <circle cx="226" cy="240" r="12" fill="rgba(153,27,27,0.2)" stroke="#991B1B" stroke-width="0.5"/>
    <text x="221" y="244" fill="#991B1B" font-family="sans-serif" font-size="13">&#9823;</text>
    <text x="222" y="276" fill="white" font-family="monospace" font-size="22" font-weight="700">Millions</text>
    <text x="222" y="300" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12">Customers Served</text>

    <!-- Second row KPI cards -->
    <rect x="28" y="338" width="160" height="110" rx="14" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <circle cx="52" cy="366" r="12" fill="rgba(153,27,27,0.2)" stroke="#991B1B" stroke-width="0.5"/>
    <text x="47" y="371" fill="#991B1B" font-family="sans-serif" font-size="13">&#9733;</text>
    <text x="48" y="402" fill="white" font-family="monospace" font-size="28" font-weight="700">4.8</text>
    <text x="48" y="426" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12">Avg. Rating</text>

    <rect x="202" y="338" width="160" height="110" rx="14" fill="rgba(255,255,255,0.03)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <circle cx="226" cy="366" r="12" fill="rgba(153,27,27,0.2)" stroke="#991B1B" stroke-width="0.5"/>
    <text x="221" y="370" fill="#991B1B" font-family="sans-serif" font-size="12">&#8634;</text>
    <text x="222" y="402" fill="white" font-family="monospace" font-size="28" font-weight="700">62%</text>
    <text x="222" y="426" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="12">Repeat Purchase</text>

    <!-- Divider -->
    <line x1="28" y1="472" x2="362" y2="472" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>

    <!-- Retail Partners section -->
    <text x="28" y="504" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="13" letter-spacing="2">RETAIL PARTNERS</text>

    <!-- Retailer logo placeholders - row 1 -->
    <rect x="28" y="522" width="100" height="52" rx="10" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="78" y="553" fill="rgba(255,255,255,0.25)" font-family="sans-serif" font-size="11" font-weight="600" text-anchor="middle">Target</text>

    <rect x="140" y="522" width="100" height="52" rx="10" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="190" y="553" fill="rgba(255,255,255,0.25)" font-family="sans-serif" font-size="11" font-weight="600" text-anchor="middle">Amazon</text>

    <rect x="252" y="522" width="110" height="52" rx="10" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="307" y="553" fill="rgba(255,255,255,0.25)" font-family="sans-serif" font-size="11" font-weight="600" text-anchor="middle">Walmart</text>

    <!-- Retailer logo placeholders - row 2 -->
    <rect x="28" y="586" width="100" height="52" rx="10" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="78" y="617" fill="rgba(255,255,255,0.25)" font-family="sans-serif" font-size="11" font-weight="600" text-anchor="middle">CVS</text>

    <rect x="140" y="586" width="100" height="52" rx="10" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="190" y="617" fill="rgba(255,255,255,0.25)" font-family="sans-serif" font-size="11" font-weight="600" text-anchor="middle">Ulta</text>

    <rect x="252" y="586" width="110" height="52" rx="10" fill="rgba(255,255,255,0.04)" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>
    <text x="307" y="617" fill="rgba(255,255,255,0.25)" font-family="sans-serif" font-size="10" font-weight="600" text-anchor="middle">+ 40 more</text>

    <!-- Divider -->
    <line x1="28" y1="658" x2="362" y2="658" stroke="rgba(255,255,255,0.06)" stroke-width="0.5"/>

    <!-- Channel breakdown -->
    <text x="28" y="690" fill="rgba(255,255,255,0.4)" font-family="sans-serif" font-size="13" letter-spacing="2">CHANNEL MIX</text>

    <!-- DTC bar -->
    <text x="28" y="720" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">DTC / Online</text>
    <text x="362" y="720" fill="white" font-family="monospace" font-size="12" font-weight="600" text-anchor="end">45%</text>
    <rect x="28" y="728" width="334" height="6" rx="3" fill="rgba(255,255,255,0.06)"/>
    <rect x="28" y="728" width="150" height="6" rx="3" fill="#991B1B"/>

    <!-- Retail bar -->
    <text x="28" y="756" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Retail</text>
    <text x="362" y="756" fill="white" font-family="monospace" font-size="12" font-weight="600" text-anchor="end">38%</text>
    <rect x="28" y="764" width="334" height="6" rx="3" fill="rgba(255,255,255,0.06)"/>
    <rect x="28" y="764" width="127" height="6" rx="3" fill="#991B1B" opacity="0.7"/>

    <!-- Wholesale bar -->
    <text x="28" y="792" fill="rgba(255,255,255,0.5)" font-family="sans-serif" font-size="12">Wholesale</text>
    <text x="362" y="792" fill="white" font-family="monospace" font-size="12" font-weight="600" text-anchor="end">17%</text>
    <rect x="28" y="800" width="334" height="6" rx="3" fill="rgba(255,255,255,0.06)"/>
    <rect x="28" y="800" width="57" height="6" rx="3" fill="#991B1B" opacity="0.4"/>

    <!-- Home indicator -->
    <rect x="130" y="832" width="130" height="4" rx="2" fill="rgba(255,255,255,0.15)"/>
  </g>

  <!-- Phone border -->
  <rect width="390" height="844" rx="44" fill="none" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
</svg>