=<svg viewBox="0 0 900 800" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="900" height="800" fill="#F5F3EE" rx="24"/>
  
  <!-- Title -->
  <text x="450" y="50" font-size="26" font-weight="700" text-anchor="middle" fill="#2C2C2A">
    7 Forces That Shift Your Complexion
  </text>
  
  <!-- Center Hub Circle -->
  <circle cx="450" cy="380" r="60" fill="#E8E4DD" stroke="#C4A77D" stroke-width="2"/>
  <text x="450" y="375" font-size="13" font-weight="600" text-anchor="middle" fill="#2C2C2A">Your</text>
  <text x="450" y="393" font-size="13" font-weight="600" text-anchor="middle" fill="#2C2C2A">Complexion</text>
  <text x="450" y="411" font-size="13" font-weight="600" text-anchor="middle" fill="#2C2C2A">Today</text>
  
  <!-- Spoke Lines & Nodes -->
  <!-- Spoke 1 - Top (UV Exposure) -->
  <line x1="450" y1="320" x2="450" y2="120" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="450" cy="100" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="450" y="108" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">1</text>
  
  <!-- Spoke 2 - Upper Right -->
  <line x1="492" y1="332" x2="620" y2="220" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="640" cy="200" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="640" y="208" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">2</text>
  
  <!-- Spoke 3 - Right -->
  <line x1="510" y1="380" x2="700" y2="380" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="720" cy="380" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="720" y="388" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">3</text>
  
  <!-- Spoke 4 - Lower Right -->
  <line x1="492" y1="428" x2="620" y2="540" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="640" cy="560" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="640" y="568" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">4</text>
  
  <!-- Spoke 5 - Bottom -->
  <line x1="450" y1="440" x2="450" y2="640" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="450" cy="660" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="450" y="668" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">5</text>
  
  <!-- Spoke 6 - Lower Left -->
  <line x1="408" y1="428" x2="280" y2="540" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="260" cy="560" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="260" y="568" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">6</text>
  
  <!-- Spoke 7 - Left -->
  <line x1="390" y1="380" x2="200" y2="380" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="180" cy="380" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="180" y="388" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">7</text>
  
  <!-- Spoke 8 - Upper Left -->
  <line x1="408" y1="332" x2="280" y2="220" stroke="#D4D0C8" stroke-width="2"/>
  <circle cx="260" cy="200" r="24" fill="#C4A77D" stroke="#8B7355" stroke-width="2"/>
  <text x="260" y="208" font-size="12" font-weight="600" text-anchor="middle" fill="#FFFFFF">8</text>
  
  <!-- Labels & Details -->
  <!-- 1 - UV Exposure -->
  <text x="450" y="155" font-size="12" font-weight="600" text-anchor="middle" fill="#2C2C2A">UV EXPOSURE</text>
  <text x="450" y="173" font-size="11" font-weight="400" text-anchor="middle" fill="#4A4A47">Melanocyte overactivation</text>
  <text x="450" y="190" font-size="10" font-weight="500" text-anchor="middle" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Freckling, melasma</text>
  
  <!-- 2 - Hormones -->
  <text x="640" y="155" font-size="12" font-weight="600" text-anchor="middle" fill="#2C2C2A">HORMONES</text>
  <text x="640" y="173" font-size="11" font-weight="400" text-anchor="middle" fill="#4A4A47">Estrogen shifts</text>
  <text x="640" y="190" font-size="10" font-weight="500" text-anchor="middle" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Mask-pattern pigmentation</text>
  
  <!-- 3 - Cell Turnover -->
  <text x="780" y="375" font-size="12" font-weight="600" fill="#2C2C2A">CELL TURNOVER</text>
  <text x="780" y="393" font-size="11" font-weight="400" fill="#4A4A47">Slows with age</text>
  <text x="780" y="410" font-size="10" font-weight="500" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Dullness, roughness</text>
  
  <!-- 4 - Inflammation -->
  <text x="640" y="595" font-size="12" font-weight="600" text-anchor="middle" fill="#2C2C2A">INFLAMMATION</text>
  <text x="640" y="613" font-size="11" font-weight="400" text-anchor="middle" fill="#4A4A47">Post-breakout PIH</text>
  <text x="640" y="630" font-size="10" font-weight="500" text-anchor="middle" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Brown/red marks</text>
  
  <!-- 5 - Pollution -->
  <text x="450" y="705" font-size="12" font-weight="600" text-anchor="middle" fill="#2C2C2A">POLLUTION</text>
  <text x="450" y="723" font-size="11" font-weight="400" text-anchor="middle" fill="#4A4A47">PM2.5 oxidative damage</text>
  <text x="450" y="740" font-size="10" font-weight="500" text-anchor="middle" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Dull, gray cast</text>
  
  <!-- 6 - Nutrition -->
  <text x="260" y="595" font-size="12" font-weight="600" text-anchor="middle" fill="#2C2C2A">NUTRITION</text>
  <text x="260" y="613" font-size="11" font-weight="400" text-anchor="middle" fill="#4A4A47">Antioxidant deficit</text>
  <text x="260" y="630" font-size="10" font-weight="500" text-anchor="middle" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Sallow appearance</text>
  
  <!-- 7 - Sleep/Stress -->
  <text x="120" y="375" font-size="12" font-weight="600" fill="#2C2C2A">SLEEP/STRESS</text>
  <text x="120" y="393" font-size="11" font-weight="400" fill="#4A4A47">Cortisol surge</text>
  <text x="120" y="410" font-size="10" font-weight="500" fill="#6B6B67" letter-spacing="0.5">EARLY SIGN: Grayness, under-eye shift</text>
  
  <!-- Bottom Info Bar -->
  <rect x="24" y="720" width="852" height="56" fill="#E8E4DD" rx="8"/>
  <text x="450" y="744" font-size="13" font-weight="600" text-anchor="middle" fill="#2C2C2A">
    5 of these 7 forces are controllable · 2 are age-inevitable · All are addressable
  </text>
</svg>