<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" preserveAspectRatio="xMidYMid slice" role="img" aria-label="How to Conduct a Domestic Inquiry visual">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0a1628"></stop>
      <stop offset="100%" stop-color="#0a4a85"></stop>
    </linearGradient>
    <radialGradient id="glow" cx="50%" cy="50%" r="60%">
      <stop offset="0%" stop-color="#20a1d6" stop-opacity="0.35"></stop>
      <stop offset="100%" stop-color="#20a1d6" stop-opacity="0"></stop>
    </radialGradient>
    
  <pattern id="hexp" x="0" y="0" width="52" height="90" patternUnits="userSpaceOnUse">
    <g fill="none" stroke="#20a1d6" stroke-width="1" opacity="0.08">
      <polygon points="26,0 52,15 52,45 26,60 0,45 0,15"></polygon>
      <line x1="26" y1="60" x2="26" y2="90"></line>
    </g>
  </pattern>

  </defs>
  <rect width="1200" height="630" fill="url(#bg)"></rect>
  <rect width="1200" height="630" fill="url(#hexp)"></rect>
  <circle cx="950" cy="200" r="320" fill="url(#glow)"></circle>
  
  <g transform="translate(120, 280)" font-family="Inter">
    
        <circle cx="0" cy="0" r="32" fill="none" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="0" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#20a1d6">1</text>
        <line x1="34" y1="0" x2="106" y2="0" stroke="#20a1d6" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"></line>
      
        <circle cx="140" cy="0" r="32" fill="none" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="140" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#20a1d6">2</text>
        <line x1="174" y1="0" x2="246" y2="0" stroke="#20a1d6" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"></line>
      
        <circle cx="280" cy="0" r="32" fill="none" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="280" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#20a1d6">3</text>
        <line x1="314" y1="0" x2="386" y2="0" stroke="#20a1d6" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"></line>
      
        <circle cx="420" cy="0" r="32" fill="none" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="420" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#20a1d6">4</text>
        <line x1="454" y1="0" x2="526" y2="0" stroke="#20a1d6" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"></line>
      
        <circle cx="560" cy="0" r="32" fill="none" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="560" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#20a1d6">5</text>
        <line x1="594" y1="0" x2="666" y2="0" stroke="#20a1d6" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"></line>
      
        <circle cx="700" cy="0" r="32" fill="none" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="700" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#20a1d6">6</text>
        <line x1="734" y1="0" x2="806" y2="0" stroke="#20a1d6" stroke-width="2" stroke-dasharray="4 4" opacity="0.5"></line>
      
        <circle cx="840" cy="0" r="32" fill="#20a1d6" stroke="#20a1d6" stroke-width="2"></circle>
        <text x="840" y="7" text-anchor="middle" font-size="22" font-weight="700" fill="#0a1628">7</text>
        
      
    <text x="0" y="-80" font-size="22" letter-spacing="3" fill="#20a1d6" font-weight="500">THE 7-STAGE PROCESS</text>
    <text x="0" y="80" font-size="14" letter-spacing="2" fill="#ffffff" opacity="0.7">NOTICE</text>
    <text x="140" y="80" font-size="14" letter-spacing="2" fill="#ffffff" opacity="0.7">CHARGE</text>
    <text x="280" y="80" font-size="14" letter-spacing="2" fill="#ffffff" opacity="0.7">REPLY</text>
    <text x="420" y="80" font-size="14" letter-spacing="2" fill="#ffffff" opacity="0.7">PANEL</text>
    <text x="560" y="80" font-size="14" letter-spacing="2" fill="#ffffff" opacity="0.7">HEAR</text>
    <text x="700" y="80" font-size="14" letter-spacing="2" fill="#ffffff" opacity="0.7">DELIB</text>
    <text x="840" y="80" font-size="14" letter-spacing="2" fill="#20a1d6" font-weight="600">DECIDE</text>
  </g>
  <g transform="translate(120, 130)" font-family="Inter" fill="#ffffff">
    <text font-size="44" font-weight="700">A Domestic Inquiry that</text>
    <text y="56" font-size="44" font-weight="700" font-style="italic" font-family="Newsreader,serif" fill="#20a1d6">holds up in court.</text>
  </g>

  <text x="60" y="585" font-family="Inter,system-ui" font-size="14" letter-spacing="3" fill="#20a1d6" font-weight="500">MASLOW · INTELLIGENCE LIBRARY</text>
</svg>