<div class="mexco-deco-layer" aria-hidden="true">
  <div class="mexco-deco">
    <svg viewBox="0 0 480 820" preserveAspectRatio="xMidYMid slice" xmlns="http://www.w3.org/2000/svg">
      <path d="M-30 680 Q90 610 220 670 T430 630 T560 690" fill="none" stroke="#C4B5FD" stroke-width="1.3" opacity=".55"/>
      <path d="M520 560 Q380 500 210 580 T-20 520" fill="none" stroke="#93C5FD" stroke-width="1.1" opacity=".5"/>
      <path d="M-10 740 Q140 690 300 730 T520 710" fill="none" stroke="#A5B4FC" stroke-width=".9" opacity=".4"/>
      <path d="M480 420 Q340 380 180 440 T20 400" fill="none" stroke="#DDD6FE" stroke-width="1" opacity=".45"/>
    </svg>
  </div>
  <span class="mexco-deco-dots mexco-deco-dots--tl"></span>
  <span class="mexco-deco-dots mexco-deco-dots--br"></span>
</div>
