| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 613 144" preserveAspectRatio="none"> |
| 2 | <defs> |
| 3 | <linearGradient id="across" x2="1" y2="0"><stop offset="0.25" stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></linearGradient><mask id="dots-fade"><rect width="613" height="144" fill="url(#across)"/></mask> |
| 4 | <radialGradient id="reach" cx="60" cy="70" r="1" gradientTransform="translate(60 70) scale(320 110) translate(-60 -70)" gradientUnits="userSpaceOnUse"><stop offset="0.3" stop-color="white"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient><mask id="art"><rect width="613" height="144" fill="url(#reach)"/></mask> |
| 5 | <linearGradient id="steel" x2="0" y2="1"><stop offset="0" stop-color="#f4f6fa"/><stop offset=".5" stop-color="#b7bfcb"/><stop offset="1" stop-color="#6f7a88"/></linearGradient> |
| 6 | <radialGradient id="lens"><stop offset="0" stop-color="#1b2029"/><stop offset=".6" stop-color="#4b5462"/><stop offset="1" stop-color="#c8ced8"/></radialGradient> |
| 7 | <filter id="blur" x="-20%" y="-50%" width="140%" height="200%"><feGaussianBlur stdDeviation="8"/></filter> |
| 8 | </defs> |
| 9 | <g fill="#f3f5fb" mask="url(#dots-fade)"><circle cx="180" cy="12" r="8"/><circle cx="180" cy="38" r="8"/><circle cx="180" cy="64" r="8"/><circle cx="180" cy="90" r="8"/><circle cx="180" cy="116" r="8"/><circle cx="180" cy="142" r="8"/><circle cx="206" cy="12" r="8"/><circle cx="206" cy="38" r="8"/><circle cx="206" cy="64" r="8"/><circle cx="206" cy="90" r="8"/><circle cx="206" cy="116" r="8"/><circle cx="206" cy="142" r="8"/><circle cx="232" cy="12" r="8"/><circle cx="232" cy="38" r="8"/><circle cx="232" cy="64" r="8"/><circle cx="232" cy="90" r="8"/><circle cx="232" cy="116" r="8"/><circle cx="232" cy="142" r="8"/><circle cx="258" cy="12" r="8"/><circle cx="258" cy="38" r="8"/><circle cx="258" cy="64" r="8"/><circle cx="258" cy="90" r="8"/><circle cx="258" cy="116" r="8"/><circle cx="258" cy="142" r="8"/><circle cx="284" cy="12" r="8"/><circle cx="284" cy="38" r="8"/><circle cx="284" cy="64" r="8"/><circle cx="284" cy="90" r="8"/><circle cx="284" cy="116" r="8"/><circle cx="284" cy="142" r="8"/><circle cx="310" cy="12" r="8"/><circle cx="310" cy="38" r="8"/><circle cx="310" cy="64" r="8"/><circle cx="310" cy="90" r="8"/><circle cx="310" cy="116" r="8"/><circle cx="310" cy="142" r="8"/><circle cx="336" cy="12" r="8"/><circle cx="336" cy="38" r="8"/><circle cx="336" cy="64" r="8"/><circle cx="336" cy="90" r="8"/><circle cx="336" cy="116" r="8"/><circle cx="336" cy="142" r="8"/><circle cx="362" cy="12" r="8"/><circle cx="362" cy="38" r="8"/><circle cx="362" cy="64" r="8"/><circle cx="362" cy="90" r="8"/><circle cx="362" cy="116" r="8"/><circle cx="362" cy="142" r="8"/><circle cx="388" cy="12" r="8"/><circle cx="388" cy="38" r="8"/><circle cx="388" cy="64" r="8"/><circle cx="388" cy="90" r="8"/><circle cx="388" cy="116" r="8"/><circle cx="388" cy="142" r="8"/><circle cx="414" cy="12" r="8"/><circle cx="414" cy="38" r="8"/><circle cx="414" cy="64" r="8"/><circle cx="414" cy="90" r="8"/><circle cx="414" cy="116" r="8"/><circle cx="414" cy="142" r="8"/><circle cx="440" cy="12" r="8"/><circle cx="440" cy="38" r="8"/><circle cx="440" cy="64" r="8"/><circle cx="440" cy="90" r="8"/><circle cx="440" cy="116" r="8"/><circle cx="440" cy="142" r="8"/><circle cx="466" cy="12" r="8"/><circle cx="466" cy="38" r="8"/><circle cx="466" cy="64" r="8"/><circle cx="466" cy="90" r="8"/><circle cx="466" cy="116" r="8"/><circle cx="466" cy="142" r="8"/><circle cx="492" cy="12" r="8"/><circle cx="492" cy="38" r="8"/><circle cx="492" cy="64" r="8"/><circle cx="492" cy="90" r="8"/><circle cx="492" cy="116" r="8"/><circle cx="492" cy="142" r="8"/><circle cx="518" cy="12" r="8"/><circle cx="518" cy="38" r="8"/><circle cx="518" cy="64" r="8"/><circle cx="518" cy="90" r="8"/><circle cx="518" cy="116" r="8"/><circle cx="518" cy="142" r="8"/><circle cx="544" cy="12" r="8"/><circle cx="544" cy="38" r="8"/><circle cx="544" cy="64" r="8"/><circle cx="544" cy="90" r="8"/><circle cx="544" cy="116" r="8"/><circle cx="544" cy="142" r="8"/><circle cx="570" cy="12" r="8"/><circle cx="570" cy="38" r="8"/><circle cx="570" cy="64" r="8"/><circle cx="570" cy="90" r="8"/><circle cx="570" cy="116" r="8"/><circle cx="570" cy="142" r="8"/><circle cx="596" cy="12" r="8"/><circle cx="596" cy="38" r="8"/><circle cx="596" cy="64" r="8"/><circle cx="596" cy="90" r="8"/><circle cx="596" cy="116" r="8"/><circle cx="596" cy="142" r="8"/></g> |
| 10 | <g mask="url(#art)"> |
| 11 | <path d="M40 30L300 40L300 90L50 110Z" fill="#dfe5ee" filter="url(#blur)"/> |
| 12 | <rect x="30" y="54" width="140" height="56" rx="26" transform="rotate(-8 30 80)" fill="url(#steel)" filter="url(#blur)"/> |
| 13 | </g> |
| 14 | <rect x="-10" y="-20" width="60" height="48" rx="20" fill="url(#steel)"/> |
| 15 | <ellipse cx="10" cy="4" rx="16" ry="18" fill="url(#lens)"/> |
| 16 | <rect x="20" y="55" width="80" height="70" rx="30" fill="url(#steel)"/> |
| 17 | <ellipse cx="46" cy="88" rx="22" ry="26" fill="#c3cad6"/> |
| 18 | <ellipse cx="46" cy="88" rx="15" ry="18" fill="url(#lens)"/> |
| 19 | <path d="M14 20L40 64" stroke="#9aa4b2" stroke-width="10"/> |
| 20 | </svg> |