<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 900" width="600" height="900" role="img" aria-label="Think Like the Top 1% — book cover">
<defs>
  <style>
    .ff { font-family:'Inter','Helvetica Neue','Liberation Sans',Arial,sans-serif; }
    .eyebrow { font-size:15px; font-weight:700; letter-spacing:3.4px; fill:#FFFFFF; fill-opacity:.60; }
    .mark2   { font-size:15px; font-weight:700; letter-spacing:2.6px; fill:#FFFFFF; fill-opacity:.42; }
    .big     { font-size:96px; font-weight:700; letter-spacing:-3px; fill:#FFFFFF; }
    .mid     { font-size:31px; font-weight:400; letter-spacing:1.2px; fill:#FFFFFF; fill-opacity:.86; }
    .sub2    { font-size:17px; font-weight:400; letter-spacing:.2px; fill:#C3C8D8; }
    .pct     { font-size:14px; font-weight:700; letter-spacing:2.4px; fill:#FFFFFF; fill-opacity:.62; }
    .ghost   { font-size:430px; font-weight:700; letter-spacing:-18px; }
  </style>
  <clipPath id="coverClip"><rect x="0" y="0" width="600" height="900"/></clipPath>
  <linearGradient id="peak" x1="0" y1="0" x2=".35" y2="1">
    <stop offset="0"  stop-color="#FF8A4B"/>
    <stop offset=".52" stop-color="#F4623A"/>
    <stop offset="1"  stop-color="#D81B75"/>
  </linearGradient>
  <linearGradient id="spineShade" x1="0" y1="0" x2="1" y2="0">
    <stop offset="0" stop-color="#000" stop-opacity=".62"/><stop offset="1" stop-color="#000" stop-opacity=".24"/>
  </linearGradient>
  <linearGradient id="sheen" x1="0" y1="0" x2="1" y2="1">
    <stop offset="0" stop-color="#FFF" stop-opacity=".08"/><stop offset=".5" stop-color="#FFF" stop-opacity="0"/>
  </linearGradient>
  <linearGradient id="pageEdge" x1="0" y1="0" x2="1" y2="0">
    <stop offset="0" stop-color="#FFF"/><stop offset=".35" stop-color="#E2DED6"/>
    <stop offset=".7" stop-color="#F7F4EF"/><stop offset="1" stop-color="#CBC5BA"/>
  </linearGradient>
  <radialGradient id="grnd" cx=".5" cy=".5" r=".5">
    <stop offset="0" stop-color="#161726" stop-opacity=".34"/><stop offset="1" stop-color="#161726" stop-opacity="0"/>
  </radialGradient>
</defs>

  <rect x="0" y="0" width="600" height="900" fill="#161726"/>
  <g clip-path="url(#coverClip)">
    <g stroke="#FFFFFF" stroke-opacity=".045">
      <line x1="0" y1="300" x2="600" y2="300"/><line x1="0" y1="360" x2="600" y2="360"/>
      <line x1="0" y1="420" x2="600" y2="420"/><line x1="0" y1="480" x2="600" y2="480"/>
      <line x1="0" y1="540" x2="600" y2="540"/>
    </g>
    <polygon points="300,196 476,566 124,566" fill="url(#peak)"/>
    <polygon points="300,196 300,566 124,566" fill="#000000" fill-opacity=".15"/>
    <line x1="72" y1="252" x2="528" y2="252" stroke="#FFFFFF" stroke-opacity=".38" stroke-width="1.4" stroke-dasharray="5 6"/>
    <text x="528" y="242" text-anchor="end" class="ff pct">TOP 1%</text>
  </g>

  <rect x="0" y="892" width="600" height="8" fill="#D81B75"/>
  <rect x="62" y="72" width="34" height="3" fill="#D81B75"/>
  <text x="62" y="104" class="ff eyebrow">THE TOP 1% SERIES</text>
  <text x="538" y="104" text-anchor="end" class="ff mark2">VOL. 01</text>

  <text x="62" y="692" class="ff big">THINK</text>
  <text x="62" y="734" class="ff mid">LIKE THE TOP 1%</text>
  <rect x="62" y="756" width="54" height="3" fill="#D81B75"/>
  <text x="62" y="796" class="ff sub2">Clarity of Thought, Critical Thinking</text>
  <text x="62" y="822" class="ff sub2">&amp; Decision-Making in the AI Era</text>
  <text x="62" y="864" class="ff mark2">TRUEGRAD</text>

</svg>