<svg width="100%" viewBox="0 0 1000 320" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="1000" height="320" fill="#0a0a0a"/>
  <rect x="80" y="155" width="840" height="8" fill="#1e1e1e" opacity="0.6"/>
 
  <!-- DETOX -->
  <rect x="100" y="80" width="110" height="130" fill="#111111" stroke="#1e1e1e" stroke-width="0.5"/>
  <rect x="114" y="93" width="82" height="18" fill="#c97a3a" opacity="0.4"/>
  <rect x="128" y="120" width="16" height="16" fill="#e8e8e8" opacity="0.15"/>
  <rect x="152" y="120" width="16" height="16" fill="#e8e8e8" opacity="0.15"/>
  <text x="155" y="230" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="11" fill="#ffffff" letter-spacing="3">DETOX</text>
 
  <!-- TREATMENT -->
  <rect x="280" y="60" width="130" height="150" fill="#111111" stroke="#1e1e1e" stroke-width="0.5"/>
  <rect x="296" y="78" width="98" height="7" fill="#c97a3a" opacity="0.8"/>
  <rect x="296" y="92" width="98" height="7" fill="#c97a3a" opacity="0.5"/>
  <rect x="296" y="106" width="98" height="7" fill="#c97a3a" opacity="0.3"/>
  <circle cx="306" cy="145" r="5" fill="#c97a3a" opacity="0.9"/>
  <circle cx="345" cy="145" r="5" fill="#c97a3a" opacity="0.6"/>
  <circle cx="384" cy="145" r="5" fill="#c97a3a" opacity="0.3"/>
  <text x="345" y="230" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="11" fill="#ffffff" letter-spacing="3">TREATMENT</text>
 
  <!-- PAROLE -->
  <rect x="490" y="90" width="120" height="120" fill="#111111" stroke="#1e1e1e" stroke-width="0.5" opacity="0.6"/>
  <rect x="490" y="90" width="3" height="120" fill="#1e1e1e"/>
  <rect x="543" y="90" width="3" height="120" fill="#1e1e1e"/>
  <rect x="607" y="90" width="3" height="120" fill="#1e1e1e"/>
  <rect x="514" y="148" width="32" height="62" fill="#c97a3a" opacity="0.4"/>
  <text x="550" y="230" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="11" fill="#ffffff" letter-spacing="3">PAROLE</text>
 
  <!-- ROOFTOP -->
  <circle cx="820" cy="38" r="24" fill="#c97a3a" opacity="0.18"/>
  <polygon points="820,75 890,165 750,165" fill="#c97a3a" opacity="0.85"/>
  <polygon points="820,75 875,155 765,155" fill="#111111" opacity="0.5"/>
  <circle cx="820" cy="66" r="8" fill="#e8e8e8"/>
  <rect x="816" y="74" width="8" height="11" fill="#e8e8e8"/>
  <text x="820" y="230" text-anchor="middle" font-family="'JetBrains Mono', monospace" font-size="11" fill="#ffffff" letter-spacing="3">ROOFTOP</text>
 
  <!-- Timeline arrow -->
  <path d="M 80 159 L 940 159 L 922 148 M 940 159 L 922 170" stroke="#c97a3a" stroke-width="1.5" stroke-linecap="round" fill="none" opacity="0.3"/>
 
  <!-- Dots -->
  <circle cx="155" cy="159" r="4" fill="#1e1e1e" stroke="#c97a3a" stroke-width="1"/>
  <circle cx="345" cy="159" r="4" fill="#1e1e1e" stroke="#c97a3a" stroke-width="1"/>
  <circle cx="550" cy="159" r="4" fill="#1e1e1e" stroke="#c97a3a" stroke-width="1"/>
  <circle cx="820" cy="159" r="5" fill="#c97a3a"/>
</svg>
 