<?xml version="1.0" encoding="UTF-8"?>
<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 820 160"
  role="img"
  aria-label="Q Online – School Without Walls"
>
  <title>Q Online</title>

  <!-- Q mark -->
  <g transform="translate(0,20)">
    <circle cx="70" cy="60" r="48" fill="#1f4fa3"/>
    <circle cx="70" cy="60" r="26" fill="#ffffff"/>
    <rect x="92" y="82" width="18" height="10" rx="4" fill="#1f4fa3"/>

    <!-- signal arcs -->
    <path d="M110 18 A42 42 0 0 1 138 44" fill="none" stroke="#f5b400" stroke-width="10" stroke-linecap="round"/>
    <path d="M118 2 A62 62 0 0 1 160 40" fill="none" stroke="#f5b400" stroke-width="10" stroke-linecap="round"/>
  </g>

  <!-- Wordmark -->
  <g transform="translate(200,70)" fill="#162326">
    <text
      x="0"
      y="0"
      font-size="64"
      font-weight="600"
      font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
    >
      Online
    </text>
  </g>

  <!-- Tagline -->
  <g transform="translate(200,115)" fill="#162326">
    <text
      x="0"
      y="0"
      font-size="20"
      letter-spacing="4"
      font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
    >
      SCHOOL WITHOUT WALLS
    </text>
  </g>
</svg>
