<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 1000" width="900" height="1000" role="img" aria-label="Una persona sorridente tiene in mano un iPad con una schermata di Camelot">
  <defs>
    <radialGradient id="alone" cx="50%" cy="46%" r="55%">
      <stop offset="0%" stop-color="#e6f2ff" stop-opacity="1"/>
      <stop offset="58%" stop-color="#f3f8ff" stop-opacity=".6"/>
      <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="blu" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0d99fd"/><stop offset="100%" stop-color="#0b4ead"/>
    </linearGradient>
    <linearGradient id="oro" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#e8cd8c"/><stop offset="100%" stop-color="#b58f3c"/>
    </linearGradient>
    <linearGradient id="verde" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0cdf64"/><stop offset="100%" stop-color="#0f9556"/>
    </linearGradient>
    <linearGradient id="camicia" x1="0" y1="0" x2="0.6" y2="1">
      <stop offset="0%" stop-color="#4e5c70"/><stop offset="100%" stop-color="#364152"/>
    </linearGradient>
    <linearGradient id="telaio" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#3b4553"/><stop offset="100%" stop-color="#212631"/>
    </linearGradient>
    <linearGradient id="smalto" x1="0" y1="0" x2="0.7" y2="1">
      <stop offset="0%" stop-color="#fff" stop-opacity=".40"/>
      <stop offset="42%" stop-color="#fff" stop-opacity=".12"/>
      <stop offset="72%" stop-color="#fff" stop-opacity="0"/>
    </linearGradient>
    <clipPath id="schermo"><rect x="-128" y="-186" width="256" height="372" rx="10"/></clipPath>
  </defs>

  <ellipse cx="450" cy="500" rx="400" ry="420" fill="url(#alone)"/>

  <!-- persona -->
  <g>
    <path d="M243 300 C243 190 315 132 400 132 C485 132 557 190 557 300 C557 352 548 392 536 420 L520 400 C532 356 528 300 516 276 C500 300 440 316 396 300 C352 284 316 262 300 240 C280 276 272 340 282 400 L264 420 C252 392 243 352 243 300 Z" fill="#242c3a"/>
    <path d="M356 384 h88 v96 c0 26 -20 44 -44 44 s-44 -18 -44 -44 z" fill="#e8b48f"/>
    <path d="M356 384 h88 v44 c-26 22 -62 22 -88 0 z" fill="#d69f79"/>
    <ellipse cx="400" cy="304" rx="86" ry="98" fill="#f2c6a0"/>
    <ellipse cx="314" cy="312" rx="15" ry="21" fill="#e8b48f"/>
    <ellipse cx="486" cy="312" rx="15" ry="21" fill="#e8b48f"/>
    <path d="M312 268 C318 200 356 164 400 164 C444 164 486 198 490 268 C470 232 442 214 400 216 C356 218 330 236 312 268 Z" fill="#2c3646"/>
    <path d="M352 302 q13 -14 27 0" stroke="#212631" stroke-width="7" fill="none" stroke-linecap="round"/>
    <path d="M421 302 q13 -14 27 0" stroke="#212631" stroke-width="7" fill="none" stroke-linecap="round"/>
    <ellipse cx="345" cy="336" rx="17" ry="10" fill="#eba98a" opacity=".55"/>
    <ellipse cx="455" cy="336" rx="17" ry="10" fill="#eba98a" opacity=".55"/>
    <path d="M370 348 q30 30 60 0" stroke="#212631" stroke-width="7" fill="none" stroke-linecap="round"/>
    <path d="M400 500 C300 500 236 556 214 640 C198 704 190 800 188 1000 L612 1000 C610 800 602 704 586 640 C564 556 500 500 400 500 Z" fill="url(#camicia)"/>
    <path d="M356 506 C368 546 432 546 444 506 C424 496 376 496 356 506 Z" fill="#2b3444"/>
  </g>

  <!-- tablet -->
  <g transform="translate(628 638) rotate(-9)">
    <rect x="-132" y="-180" width="284" height="400" rx="26" fill="#0b1626" opacity=".16"/>
    <rect x="-142" y="-200" width="284" height="400" rx="26" fill="url(#telaio)"/>
    <rect x="-128" y="-186" width="256" height="372" rx="10" fill="#ffffff"/>
    <g clip-path="url(#schermo)">
      <rect x="-128" y="-186" width="256" height="42" fill="#f5f7fa"/>
      <text x="-112" y="-158" font-family="Instrument Sans, system-ui, sans-serif" font-size="17" font-weight="700" fill="#0b4ead" letter-spacing="-0.4">Camelot</text>
      <rect x="86" y="-172" width="28" height="16" rx="8" fill="#0cdf64" opacity=".22"/>
      <circle cx="100" cy="-164" r="4" fill="#0f9556"/>
      <rect x="-112" y="-128" width="224" height="112" rx="14" fill="url(#blu)"/>
      <rect x="-112" y="-128" width="224" height="112" rx="14" fill="url(#smalto)"/>
      <rect x="82" y="-116" width="20" height="15" rx="4" fill="url(#oro)"/>
      <rect x="-98" y="-64" width="140" height="9" rx="4.5" fill="#fff" opacity=".92"/>
      <rect x="-98" y="-46" width="104" height="9" rx="4.5" fill="#fff" opacity=".62"/>
      <text x="-98" y="-28" font-family="Instrument Sans, system-ui, sans-serif" font-size="8" font-weight="700" fill="#fff" opacity=".72" letter-spacing="1.6">CAMELOT</text>
      <rect x="-112" y="0" width="224" height="46" rx="12" fill="#f5f7fa"/>
      <text x="-100" y="18" font-family="Instrument Sans, system-ui, sans-serif" font-size="9" font-weight="700" fill="#6b7686" letter-spacing="1.2">QUORUM</text>
      <text x="-100" y="38" font-family="Instrument Sans, system-ui, sans-serif" font-size="15" font-weight="700" fill="#212631">78%</text>
      <rect x="-40" y="28" width="140" height="7" rx="3.5" fill="#e2e7ee"/>
      <rect x="-40" y="28" width="109" height="7" rx="3.5" fill="url(#verde)"/>
      <rect x="-112" y="62" width="224" height="34" rx="11" fill="#fff" stroke="#e2e7ee" stroke-width="2"/>
      <circle cx="-92" cy="79" r="8" fill="none" stroke="#0f9556" stroke-width="2.5"/>
      <path d="M-96 79 l3.2 3.4 l6 -6.6" stroke="#0f9556" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
      <rect x="-74" y="74" width="70" height="8" rx="4" fill="#212631" opacity=".72"/>
      <rect x="-112" y="104" width="224" height="34" rx="11" fill="#fff" stroke="#e2e7ee" stroke-width="2"/>
      <circle cx="-92" cy="121" r="8" fill="none" stroke="#c3cad4" stroke-width="2.5"/>
      <rect x="-74" y="116" width="56" height="8" rx="4" fill="#212631" opacity=".38"/>
      <rect x="-112" y="146" width="224" height="34" rx="11" fill="#fff" stroke="#e2e7ee" stroke-width="2"/>
      <circle cx="-92" cy="163" r="8" fill="none" stroke="#c3cad4" stroke-width="2.5"/>
      <rect x="-74" y="158" width="44" height="8" rx="4" fill="#212631" opacity=".38"/>
      <rect x="-112" y="196" width="224" height="38" rx="19" fill="url(#blu)"/>
      <rect x="-112" y="196" width="224" height="38" rx="19" fill="url(#smalto)"/>
      <rect x="-34" y="211" width="68" height="9" rx="4.5" fill="#fff" opacity=".95"/>
    </g>
    <path d="M-128 -186 L-40 -186 L-128 -40 Z" fill="#ffffff" opacity=".14"/>
  </g>

  <!-- mano -->
  <g>
    <path d="M470 640 C452 700 452 764 470 812 C486 852 520 866 552 856 L566 806 C536 812 512 800 502 772 C490 738 492 690 508 650 Z" fill="url(#camicia)"/>
    <path d="M496 800 C506 828 528 842 556 838 L566 806 C540 812 516 806 504 786 Z" fill="#e8b48f"/>
    <path d="M496 792 C492 826 514 856 552 862 C588 868 616 848 620 818 C623 794 606 776 578 772 L520 764 C506 762 497 774 496 792 Z" fill="#f2c6a0"/>
    <rect x="536" y="766" width="76" height="20" rx="10" fill="#f2c6a0"/>
    <rect x="540" y="792" width="66" height="19" rx="9.5" fill="#eeba92"/>
    <rect x="544" y="816" width="54" height="18" rx="9" fill="#e8b48f"/>
    <path d="M502 780 C512 762 536 756 552 764 C566 771 566 788 552 794 C534 802 510 798 502 780 Z" fill="#f2c6a0"/>
  </g>

  <!-- ornamenti -->
  <g>
    <path d="M792 372 c6 26 12 32 38 38 c-26 6 -32 12 -38 38 c-6 -26 -12 -32 -38 -38 c26 -6 32 -12 38 -38 z" fill="#f0c85c"/>
    <path d="M150 470 c4 17 8 21 25 25 c-17 4 -21 8 -25 25 c-4 -17 -8 -21 -25 -25 c17 -4 21 -8 25 -25 z" fill="#f0c85c"/>
    <path d="M186 214 c5 21 10 26 31 31 c-21 5 -26 10 -31 31 c-5 -21 -10 -26 -31 -31 c21 -5 26 -10 31 -31 z" fill="#7c3aed"/>
    <circle cx="116" cy="672" r="17" fill="#f5a623"/>
    <path d="M714 178 q14 -18 28 0 q14 18 28 0" stroke="#12b95c" stroke-width="11" fill="none" stroke-linecap="round"/>
    <path d="M132 812 q13 -16 26 0 q13 16 26 0" stroke="#0d99fd" stroke-width="10" fill="none" stroke-linecap="round"/>
  </g>
</svg>
