Modal

<dialog class="vdialog" open style="position:static;margin:0">
  <div class="vdialog__head">
    <h3 style="margin:0">novatrust</h3>
    <button class="modal-close" aria-label="Close">×</button>
  </div>
  <div class="vdialog__body">
    <h4>What it covers</h4>
    <ul class="bullets">
      <li>HSM as a Service, key management, encryption and tokenisation.</li>
      <li>24/7 SOC, fraud prevention, post-quantum resilience.</li>
    </ul>
  </div>
</dialog>

<button class="btn btn--primary" onclick="this.nextElementSibling.showModal()">Open dialog</button>
<dialog class="vdialog">
  <div class="vdialog__head">
    <h3 style="margin:0">Dialog title</h3>
    <button class="modal-close" aria-label="Close" onclick="this.closest('dialog').close()">×</button>
  </div>
  <p class="muted">Native <code>dialog.showModal()</code> gives focus trap, Esc to close, and an inert background.</p>
  <div class="modal__actions">
    <button class="btn btn--secondary" onclick="this.closest('dialog').close()">Cancel</button>
    <button class="btn btn--primary" onclick="this.closest('dialog').close()">Confirm</button>
  </div>
</dialog>