<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1200" width="1200" height="1200" role="img" aria-label="Work Like the Top 1% — Teamwork, Communication and Collective Execution in the AI Era, a trueGrad book">
  <defs>
    <style>
      .ff{font-family:'Inter','Helvetica Neue','Liberation Sans',Arial,sans-serif}
      .eyebrow{font-size:17px;font-weight:700;letter-spacing:4.4px;fill:#FBE4DA;fill-opacity:.85}
      .big{font-size:104px;font-weight:700;letter-spacing:-3px;fill:#FFFBF7}
      .mid{font-size:44px;font-weight:400;letter-spacing:1.5px;fill:#FBE4DA;fill-opacity:.9}
      .sub{font-size:20px;font-weight:500;letter-spacing:.3px;fill:#FBE4DA;fill-opacity:.82}
      .wm{font-size:30px;font-weight:700;letter-spacing:-.6px}
    </style>

    <clipPath id="cv"><rect x="0" y="0" width="500" height="750" rx="3"/></clipPath>

    <linearGradient id="spine" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#050D22" stop-opacity=".95"/>
      <stop offset="1" stop-color="#0D1B3E" stop-opacity=".65"/>
    </linearGradient>
    <linearGradient id="sheen" x1="0" y1="0" x2=".8" y2="1">
      <stop offset="0" stop-color="#FFFFFF" stop-opacity=".10"/>
      <stop offset=".5" stop-color="#FFFFFF" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="pages" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#FFFFFF"/>
      <stop offset=".4" stop-color="#E6DFD6"/>
      <stop offset=".75" stop-color="#FBF7F2"/>
      <stop offset="1" stop-color="#CFC6B9"/>
    </linearGradient>
    <linearGradient id="sun" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#FFD65A"/>
      <stop offset="1" stop-color="#FBC945"/>
    </linearGradient>
    <radialGradient id="halo" cx=".5" cy=".5" r=".5">
      <stop offset="0" stop-color="#FBE4DA"/>
      <stop offset="1" stop-color="#FBE4DA" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="drop" cx=".5" cy=".5" r=".5">
      <stop offset="0" stop-color="#12295A" stop-opacity=".34"/>
      <stop offset="1" stop-color="#12295A" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <rect width="1200" height="1200" fill="#FDF6F1"/>
  <circle cx="600" cy="560" r="452" fill="url(#halo)" opacity=".85"/>
  <ellipse cx="614" cy="1012" rx="300" ry="36" fill="url(#drop)"/>

  <g transform="translate(318,152) scale(1.12)">
    <polygon points="-26,17 0,0 0,750 -26,733" fill="#0D1B3E"/>
    <polygon points="-26,17 0,0 0,750 -26,733" fill="url(#spine)"/>
    <rect x="494" y="7" width="12" height="736" fill="url(#pages)"/>

    <rect x="0" y="0" width="500" height="750" rx="3" fill="#12295A"/>

    <g clip-path="url(#cv)">
      <circle cx="250" cy="706" r="176" fill="url(#sun)"/>
      <rect x="0" y="662" width="500" height="24" fill="#F0913A"/>
      <rect x="0" y="686" width="500" height="24" fill="#E8503F"/>
      <rect x="0" y="710" width="500" height="40" fill="#0D1B3E"/>
      <rect x="0" y="0" width="500" height="750" fill="url(#sheen)"/>
    </g>

    <rect x="24" y="24" width="452" height="702" rx="2" fill="none" stroke="#FBE4DA" stroke-opacity=".38" stroke-width="1.5"/>

    <text x="250" y="104" text-anchor="middle" class="ff eyebrow">THE TOP 1% SERIES</text>
    <rect x="220" y="124" width="60" height="2" fill="#E8503F"/>

    <text x="250" y="232" text-anchor="middle" class="ff big">WORK</text>
    <text x="250" y="290" text-anchor="middle" class="ff mid">LIKE THE</text>
    <text x="250" y="382" text-anchor="middle" class="ff big">TOP 1%</text>

    <rect x="212" y="418" width="76" height="4" fill="#FBC945"/>

    <text x="250" y="462" text-anchor="middle" class="ff sub">Teamwork, Communication &amp;</text>
    <text x="250" y="490" text-anchor="middle" class="ff sub">Collective Execution in the AI Era</text>

    <text x="250" y="738" text-anchor="middle" class="ff wm">
      <tspan fill="#FFFBF7">true</tspan><tspan fill="#FA3C28">Grad</tspan>
    </text>

    <rect x="0" y="0" width="500" height="750" rx="3" fill="none" stroke="#FFFFFF" stroke-opacity=".10"/>
  </g>
</svg>
