<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#080b10">
  <meta name="eligibility-api" content="https://swinghook-eligibility.lopezsusanttdmf3514.workers.dev/api/eligibility">
  <meta name="description" content="Explore SwingSwap, SWING, SWING ORBIT, and what’s next for SwingHook.">
  <link rel="canonical" href="https://swinghook.xyz/">
  <meta property="og:type" content="website">
  <meta property="og:title" content="SwingHook">
  <meta property="og:description" content="Explore SwingSwap, SWING, SWING ORBIT, and what’s next for SwingHook.">
  <meta property="og:url" content="https://swinghook.xyz/">
  <meta name="twitter:card" content="summary">
  <link rel="icon" href="assets/images/swinghook-logo.webp">
  <title>SwingHook — Explore the ecosystem</title>
  <script src="assets/js/theme-init.js"></script>
  <link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
  <svg class="ambient-orbit ambient-orbit--desktop" viewBox="0 0 1440 900" preserveAspectRatio="xMidYMid slice" fill="none" aria-hidden="true" focusable="false">
    <defs>
      <radialGradient id="ambient-glow"><stop stop-color="#378bfa" stop-opacity=".16"/><stop offset="1" stop-color="#25549b" stop-opacity="0"/></radialGradient>
    </defs>
    <circle class="ambient-glow" cx="1060" cy="290" r="260" fill="url(#ambient-glow)"/>
    <g class="ambient-waves" stroke="currentColor" stroke-width="1" stroke-linecap="round">
      <path d="M860 254c80-43 112-10 160 21s118 51 240-28" opacity=".4"/>
      <path d="M852 284c83-41 119-17 163 15s120 49 253-22" opacity=".64"/>
      <path d="M866 315c78-34 109-15 160 17s114 38 246-25" opacity=".36"/>
      <path class="wave-trace" d="M852 284c83-41 119-17 163 15s120 49 253-22" stroke-width="1.6" opacity=".78"/>
    </g>
  </svg>
  <svg class="ambient-orbit ambient-orbit--mobile" viewBox="0 0 440 200" preserveAspectRatio="xMidYMid meet" fill="none" aria-hidden="true" focusable="false">
    <defs>
      <radialGradient id="ambient-glow-mobile"><stop stop-color="var(--accent)" stop-opacity=".12"/><stop offset="1" stop-color="var(--accent)" stop-opacity="0"/></radialGradient>
    </defs>
    <ellipse class="ambient-glow" cx="265" cy="95" rx="205" ry="105" fill="url(#ambient-glow-mobile)"/>
    <g class="ambient-waves" stroke="currentColor" stroke-width="1" stroke-linecap="round">
      <path d="M8 74c80-43 112-10 160 21s118 51 240-28" opacity=".4"/>
      <path d="M0 104c83-41 119-17 163 15s120 49 253-22" opacity=".64"/>
      <path d="M14 135c78-34 109-15 160 17s114 38 246-25" opacity=".36"/>
      <path class="wave-trace" d="M0 104c83-41 119-17 163 15s120 49 253-22" stroke-width="1.6" opacity=".78"/>
    </g>
  </svg>
  <div class="page">
    <header>
      <a class="brand" href="#home" aria-label="SwingHook home">
        <img src="assets/images/swinghook-logo.webp" width="36" height="36" alt="">
        <span>SWING<i>.</i>HOOK</span>
      </a>
      <nav class="header-actions" aria-label="Main navigation">
        <a class="docs-link" href="docs.html">Docs</a>
        <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Switch to light mode" title="Switch to light mode">
          <svg class="sun" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="1.6"/>
            <path d="M12 2v2M12 20v2M4.93 4.93l1.42 1.42m11.3 11.3 1.42 1.42M2 12h2m16 0h2M4.93 19.07l1.42-1.42m11.3-11.3 1.42-1.42" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
          </svg>
          <svg class="moon" viewBox="0 0 24 24" fill="none" aria-hidden="true">
            <path d="M20.2 15.1A8.7 8.7 0 0 1 8.9 3.8 8.7 8.7 0 1 0 20.2 15.1Z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
          </svg>
        </button>
      </nav>
    </header>

    <main>
      <section data-position="active" class="landing" id="home" aria-labelledby="home-title">
        <div class="intro"><h1 id="home-title">Explore SwingHook</h1></div>
        <nav class="choices" aria-label="Destinations">
          <a class="choice choice--original" href="https://swinghook.eth.limo/" target="_blank" rel="noopener noreferrer" aria-label="Open SwingSwap (opens in a new tab)">
            <div class="choice-top"><span class="number">01</span><span class="status">Live</span></div>
            <div class="choice-main">
              <h2>SwingSwap</h2>
              <span class="choice-art" aria-hidden="true"><svg viewBox="0 0 160 160" fill="none"><path d="M20 112C54 119 69 107 82 81c13-26 26-34 58-28M20 133c43 6 69-8 82-39 10-23 19-29 38-28M20 91c23 7 37 2 48-22 14-30 36-46 72-36" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span>
            </div>
            <div class="choice-bottom">
              <span>swinghook.eth.limo</span>
              <span class="arrow" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none"><path d="M5 19 19 5M8 5h11v11" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
            </div>
            <span class="corner-mark" aria-hidden="true"></span>
          </a>
          <a class="choice choice--new" href="#new" aria-label="Explore what’s next for SwingHook">
            <div class="choice-top"><span class="number">02</span><span class="status">Coming soon</span></div>
            <div class="choice-main">
              <h2>What’s next</h2>
              <span class="choice-art" aria-hidden="true"><svg viewBox="0 0 160 160" fill="none"><circle cx="80" cy="80" r="53" stroke="currentColor" stroke-width="1.1"/><path d="M29 92c18-36 43-51 75-43 13 3 23 11 30 19M31 115c27-26 53-30 78-17 11 6 18 14 22 23" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg></span>
            </div>
            <div class="choice-bottom">
              <span>Take a look</span>
              <span class="arrow" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none"><path d="M4 12h16m-6-6 6 6-6 6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
            </div>
            <span class="corner-mark" aria-hidden="true"></span>
          </a>
        </nav>
        <a class="scroll-cue" href="#assets">Explore assets <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 4v16m-6-6 6 6 6-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
      </section>

      <section data-position="after" class="assets" id="assets" aria-labelledby="assets-title">
        <div class="assets-heading">
          <div>
            <p class="assets-eyebrow">THE ECOSYSTEM</p>
            <h2 id="assets-title">Assets</h2>
          </div>
          <span class="assets-count">01 — 02</span>
        </div>
        <div class="asset-grid">
          <article class="asset-card asset-card--token" aria-labelledby="swing-title">
            <div class="asset-head"><span>01 / TOKEN</span><span>ETHEREUM</span></div>
            <div class="asset-visual" aria-hidden="true">
              <span class="asset-art-frame"><img class="asset-token-logo" src="assets/images/swinghook-logo.webp" width="190" height="190" alt=""></span>
            </div>
            <div class="asset-info">
              <div class="asset-copy"><h3 id="swing-title">SWING</h3><button class="asset-about" type="button" data-asset-about="swing" aria-haspopup="dialog" aria-controls="asset-detail-dialog" aria-label="About SWING"><span>View details</span><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 10h12m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div>
              <div class="asset-links">
              <a class="asset-link" title="Etherscan" href="https://etherscan.io/token/0x89Cf5C1b3bc04ea54795B37A85258F1dfC9c31dF" target="_blank" rel="noopener noreferrer" aria-label="View the SWING token on Etherscan (opens in a new tab)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123 123" fill="none" aria-hidden="true" focusable="false" class="platform-icon platform-icon--etherscan">
<path d="M25.79 58.4149C25.7901 57.7357 25.9244 57.0633 26.1851 56.4361C26.4458 55.809 26.8278 55.2396 27.3092 54.7605C27.7907 54.2814 28.3619 53.9021 28.9903 53.6444C29.6187 53.3867 30.2918 53.2557 30.971 53.2589L39.561 53.2869C40.9305 53.2869 42.244 53.831 43.2124 54.7994C44.1809 55.7678 44.725 57.0813 44.725 58.4509V90.9309C45.692 90.6439 46.934 90.3379 48.293 90.0179C49.237 89.7962 50.0783 89.262 50.6805 88.5019C51.2826 87.7418 51.6102 86.8006 51.61 85.8309V45.5409C51.61 44.1712 52.154 42.8576 53.1224 41.889C54.0908 40.9204 55.4043 40.3762 56.774 40.3759H65.381C66.7506 40.3762 68.0641 40.9204 69.0325 41.889C70.0009 42.8576 70.545 44.1712 70.545 45.5409V82.9339C70.545 82.9339 72.7 82.0619 74.799 81.1759C75.5787 80.8462 76.2441 80.2941 76.7122 79.5886C77.1803 78.8832 77.4302 78.0555 77.431 77.2089V32.6309C77.431 31.2615 77.9749 29.9481 78.9431 28.9797C79.9113 28.0113 81.2245 27.4672 82.5939 27.4669H91.201C92.5706 27.4669 93.884 28.0109 94.8525 28.9794C95.8209 29.9478 96.365 31.2613 96.365 32.6309V69.3399C103.827 63.9319 111.389 57.4279 117.39 49.6069C118.261 48.4717 118.837 47.1386 119.067 45.7267C119.297 44.3148 119.174 42.8678 118.709 41.5149C115.931 33.5227 111.516 26.1983 105.745 20.0105C99.974 13.8228 92.9749 8.90785 85.1955 5.58032C77.4161 2.2528 69.0277 0.585938 60.5671 0.686416C52.1065 0.786893 43.7601 2.6525 36.062 6.16383C28.3638 9.67517 21.4834 14.7549 15.8611 21.078C10.2388 27.401 5.99842 34.8282 3.41131 42.8842C0.824207 50.9401 -0.0526487 59.4474 0.836851 67.8617C1.72635 76.276 4.36263 84.4119 8.57696 91.7489C9.31111 93.0145 10.3912 94.0444 11.6903 94.7175C12.9894 95.3906 14.4536 95.679 15.911 95.5489C17.539 95.4059 19.566 95.2029 21.976 94.9199C23.0251 94.8008 23.9937 94.2999 24.6972 93.5126C25.4008 92.7253 25.7901 91.7067 25.791 90.6509L25.79 58.4149Z" fill="currentColor"/>
<path d="M25.6021 110.51C34.6744 117.11 45.3959 121.072 56.5802 121.957C67.7646 122.841 78.9757 120.615 88.9731 115.523C98.9705 110.431 107.364 102.673 113.226 93.1068C119.087 83.5405 122.188 72.539 122.185 61.3197C122.185 59.9197 122.12 58.5347 122.027 57.1577C99.808 90.2957 58.7831 105.788 25.604 110.505" fill="currentColor" opacity=".65"/>
</svg></a>
              <a class="asset-link" title="Uniswap" href="https://app.uniswap.org/swap?chain=mainnet&amp;inputCurrency=ETH&amp;outputCurrency=0x89Cf5C1b3bc04ea54795B37A85258F1dfC9c31dF" target="_blank" rel="noopener noreferrer" aria-label="Trade SWING on Uniswap (opens in a new tab)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 434" fill="none" aria-hidden="true" focusable="false" class="platform-icon platform-icon--uniswap">
<path d="M325.144 65.7698C325.727 55.5419 327.119 48.7957 329.918 42.6348C331.025 40.1962 332.063 38.2003 332.223 38.2003C332.383 38.2003 331.902 40.0003 331.153 42.1999C329.118 48.1791 328.784 56.3572 330.186 65.872C331.965 77.9447 332.976 79.6866 345.782 92.7278C351.788 98.8446 358.775 106.559 361.307 109.871L365.912 115.894L361.307 111.59C355.676 106.327 342.724 96.0618 339.863 94.5945C337.945 93.6104 337.66 93.6274 336.477 94.801C335.387 95.8823 335.157 97.5072 335.005 105.189C334.77 117.16 333.132 124.845 329.18 132.528C327.042 136.684 326.705 135.797 328.64 131.106C330.084 127.604 330.231 126.064 330.22 114.475C330.198 91.1888 327.424 85.5906 311.153 76.0005C307.032 73.5711 300.24 70.0674 296.062 68.2141C291.883 66.3608 288.564 64.7467 288.685 64.6261C289.146 64.1691 305.013 68.7839 311.399 71.2318C320.899 74.8731 322.467 75.3449 323.621 74.9057C324.394 74.6113 324.768 72.367 325.144 65.7698Z" fill="currentColor"/>
<path d="M124.431 31.8931C118.795 31.0236 118.557 30.9216 121.209 30.5162C126.292 29.7389 138.292 30.7983 146.562 32.754C165.867 37.3182 183.434 49.0103 202.186 69.7754L207.168 75.2919L214.295 74.1524C244.318 69.3537 274.861 73.1675 300.407 84.9049C307.435 88.134 318.516 94.5618 319.9 96.2136C320.341 96.7401 321.151 100.129 321.699 103.745C323.597 116.255 322.647 125.843 318.8 133.005C316.707 136.903 316.59 138.138 317.997 141.473C319.121 144.135 322.253 146.105 325.355 146.1C331.703 146.092 338.536 135.885 341.702 121.683L342.96 116.042L345.452 118.849C359.117 134.248 369.85 155.248 371.694 170.196L372.174 174.093L369.877 170.55C365.924 164.454 361.952 160.303 356.866 156.956C347.697 150.922 338.002 148.868 312.327 147.523C289.139 146.307 276.015 144.337 263.002 140.117C240.861 132.937 229.699 123.375 203.399 89.0559C191.717 73.8123 184.497 65.3784 177.314 58.5864C160.994 43.1536 144.958 35.0599 124.431 31.8931Z" fill="currentColor"/>
<path d="M135.377 105.713C123.937 90.0473 116.858 66.0289 118.391 48.0742L118.864 42.518L121.469 42.9906C126.359 43.8778 134.791 46.9992 138.739 49.3844C149.574 55.9291 154.265 64.5458 159.037 86.6722C160.435 93.1531 162.269 100.487 163.113 102.97C164.472 106.967 169.605 116.302 173.779 122.365C176.785 126.731 174.788 128.8 168.143 128.204C157.994 127.293 144.246 117.856 135.377 105.713Z" fill="currentColor"/>
<path d="M311.254 222.301C257.789 200.891 238.958 182.307 238.958 150.95C238.958 146.336 239.118 142.56 239.313 142.56C239.507 142.56 241.576 144.083 243.909 145.945C254.751 154.593 266.891 158.287 300.501 163.164C320.279 166.034 331.408 168.352 341.675 171.738C374.308 182.502 394.497 204.345 399.312 234.098C400.711 242.743 399.891 258.955 397.623 267.5C395.832 274.248 390.367 286.413 388.918 286.879C388.516 287.009 388.122 285.477 388.019 283.393C387.469 272.221 381.793 261.345 372.26 253.197C361.421 243.934 346.859 236.559 311.254 222.301Z" fill="currentColor"/>
<path d="M273.719 231.195C273.049 227.231 271.888 222.168 271.138 219.944L269.773 215.901L272.307 218.73C275.814 222.645 278.585 227.654 280.933 234.325C282.726 239.417 282.927 240.932 282.914 249.206C282.9 257.33 282.676 259.032 281.021 263.616C278.411 270.843 275.172 275.967 269.737 281.468C259.971 291.354 247.415 296.828 229.295 299.098C226.145 299.492 216.965 300.157 208.895 300.574C188.556 301.626 175.17 303.8 163.142 308C161.412 308.605 159.868 308.972 159.711 308.816C159.225 308.334 167.414 303.479 174.178 300.238C183.716 295.668 193.211 293.175 214.484 289.651C224.992 287.91 235.844 285.799 238.6 284.958C264.624 277.023 278.001 256.544 273.719 231.195Z" fill="currentColor"/>
<path d="M298.228 274.486C291.125 259.299 289.493 244.635 293.385 230.959C293.802 229.498 294.471 228.302 294.874 228.302C295.276 228.302 296.953 229.203 298.598 230.305C301.872 232.496 308.437 236.188 325.928 245.672C347.754 257.507 360.198 266.672 368.66 277.142C376.071 286.312 380.658 296.755 382.865 309.49C384.115 316.704 383.383 334.061 381.521 341.325C375.653 364.229 362.015 382.22 342.562 392.718C339.712 394.256 337.153 395.519 336.876 395.524C336.599 395.53 337.638 392.904 339.184 389.688C345.728 376.083 346.473 362.849 341.526 348.118C338.496 339.099 332.32 328.094 319.849 309.493C305.35 287.868 301.795 282.113 298.228 274.486Z" fill="currentColor"/>
<path d="M97.4084 356.432C117.249 339.771 141.935 327.934 164.422 324.301C174.113 322.735 190.257 323.357 199.231 325.641C213.616 329.302 226.484 337.503 233.176 347.273C239.716 356.823 242.522 365.144 245.443 383.659C246.596 390.962 247.849 398.296 248.228 399.957C250.422 409.552 254.691 417.222 259.982 421.074C268.385 427.191 282.854 427.571 297.087 422.049C299.503 421.111 301.6 420.464 301.748 420.61C302.264 421.12 295.097 425.892 290.04 428.404C283.237 431.784 277.827 433.09 270.638 433.09C257.602 433.09 246.779 426.495 237.748 413.046C235.971 410.399 231.976 402.471 228.871 395.429C219.336 373.799 214.628 367.21 203.556 359.998C193.922 353.723 181.496 352.599 172.148 357.158C159.87 363.146 156.444 378.752 165.238 388.642C168.733 392.573 175.251 395.964 180.581 396.623C190.552 397.856 199.121 390.312 199.121 380.299C199.121 373.798 196.609 370.088 190.284 367.249C181.646 363.372 172.36 367.904 172.405 375.975C172.424 379.417 173.931 381.578 177.4 383.139C179.625 384.14 179.677 384.22 177.862 383.845C169.936 382.21 168.079 372.707 174.452 366.398C182.103 358.824 197.924 362.166 203.357 372.504C205.64 376.847 205.905 385.495 203.915 390.717C199.461 402.405 186.475 408.552 173.302 405.207C164.333 402.93 160.681 400.464 149.867 389.386C131.077 370.135 123.782 366.405 96.6926 362.198L91.5016 361.393L97.4084 356.432Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.2415 11.8782C71.9927 87.6272 115.213 118.88 120.016 125.483C123.981 130.935 122.489 135.836 115.695 139.678C111.917 141.813 104.15 143.977 100.261 143.977C95.8623 143.977 94.3522 142.29 94.3522 142.29C91.8018 139.884 90.3654 140.305 77.2685 117.183C59.0858 89.1221 43.8693 65.8442 43.4542 65.4545C42.4943 64.5531 42.5108 64.5836 75.4146 123.138C80.7309 135.342 76.472 139.822 76.472 141.56C76.472 145.096 75.5021 146.955 71.1164 151.82C63.8053 159.933 60.537 169.047 58.1777 187.911C55.5328 209.058 48.0957 223.995 27.485 249.56C15.4202 264.526 13.446 267.269 10.4018 273.3C6.56722 280.896 5.51286 285.15 5.08553 294.742C4.63386 304.883 5.51354 311.434 8.62869 321.13C11.3559 329.619 14.2026 335.224 21.4801 346.435C27.7605 356.109 31.3768 363.299 31.3768 366.111C31.3768 368.349 31.8063 368.352 41.5383 366.166C64.8282 360.936 83.7395 351.736 94.3756 340.462C100.958 333.483 102.503 329.63 102.554 320.067C102.587 313.812 102.365 312.503 100.665 308.904C97.898 303.048 92.8603 298.178 81.7568 290.629C67.2082 280.737 60.9944 272.774 59.2779 261.822C57.8699 252.836 59.5033 246.496 67.5518 229.719C75.8822 212.353 77.9466 204.953 79.3431 187.449C80.245 176.141 81.4941 171.681 84.761 168.101C88.1682 164.368 91.2354 163.104 99.6675 161.958C113.414 160.09 122.168 156.552 129.363 149.958C135.605 144.238 138.217 138.725 138.618 130.427L138.922 124.138L135.434 120.093C122.802 105.445 0.782165 0.363281 0.00480791 0.363281C-0.161257 0.363281 3.99542 5.54535 9.2415 11.8782ZM38.4675 306.217C41.3235 301.186 39.8061 294.719 35.0288 291.56C30.515 288.574 23.503 289.98 23.503 293.87C23.503 295.057 24.163 295.921 25.6504 296.683C28.155 297.965 28.3368 299.406 26.3662 302.352C24.3705 305.335 24.5316 307.958 26.8207 309.741C30.5099 312.614 35.7324 311.034 38.4675 306.217Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M147.597 165.257C141.144 167.228 134.87 174.031 132.928 181.164C131.744 185.515 132.416 193.149 134.19 195.506C137.057 199.314 139.829 200.317 147.336 200.264C162.033 200.162 174.809 193.893 176.294 186.056C177.512 179.632 171.901 170.729 164.172 166.82C160.183 164.804 151.701 164.004 147.597 165.257ZM164.778 178.619C167.044 175.416 166.053 171.954 162.198 169.613C154.858 165.155 143.757 168.844 143.757 175.741C143.757 179.174 149.546 182.92 154.852 182.92C158.384 182.92 163.217 180.825 164.778 178.619Z" fill="currentColor"/>
</svg></a>
              <!-- DEX Screener outline: Arcticons, Donnnno et al., CC BY-SA 4.0; https://github.com/Arcticons-Team/Arcticons (unchanged shape). -->
              <a class="asset-link" title="DEX Screener" href="https://dexscreener.com/ethereum/0x7e208b310571bde49b511c496e9c33062134626b4c7d1cc56a8eb5d971903929" target="_blank" rel="noopener noreferrer" aria-label="View SWING on DEX Screener (opens in a new tab)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" fill="none" aria-hidden="true" focusable="false" class="platform-icon platform-icon--dexscreener"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.951 10.765c-4.384 7.074.244 15.697-5.366 25.358l4.657-3.436l3.196 5.208l3.23-3.12L24 43.492l5.332-8.715l3.23 3.12l3.196-5.21l4.657 3.437c-5.61-9.66-.982-18.284-5.366-25.358"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m19.89 23.502l-3.424 2.037c4.622.794 6.467 7.03 7.534 12.389c1.067-5.36 2.912-11.595 7.534-12.389l-3.423-2.037c.436-3.3-1.91-6.552-4.111-6.552s-4.547 3.253-4.11 6.552"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.522 17.69c4.604-2.337 9.597-6.354 11.318-12.439c-1.07 1.375-2.66 2.767-4.518 3.283a15 15 0 0 0-.685-.66C29.536 5.057 27.25 4.508 24 4.508s-5.536.55-8.637 3.364q-.36.329-.685.661c-1.858-.516-3.449-1.908-4.518-3.283c1.72 6.085 6.714 10.102 11.318 12.44"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.049 14.43c-1.098.875-1.352 2.643-.558 3.899c.928 1.47 3.689 2.26 5.117.995m11.343-4.894c1.098.875 1.352 2.643.558 3.899c-.928 1.47-3.689 2.26-5.117.995"/></svg></a>
              </div>
            </div>
          </article>
          <article class="asset-card asset-card--orbit" aria-labelledby="orbit-title">
            <div class="asset-head"><span>02 / NFT</span><span>GENESIS</span></div>
            <div class="asset-visual">
              <button class="nft-preview" id="nft-preview" type="button" aria-label="View SWING ORBIT artwork" aria-haspopup="dialog">
                <img id="nft-artwork" src="assets/images/swing-orbit.png" width="1000" height="1000" alt="SWING ORBIT NFT with a dark sphere, fine orbital lines and blue highlights">
                <span class="nft-expand" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none"><path d="M14 4h6v6M20 4l-7 7M10 20H4v-6m0 6 7-7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span>
              </button>
            </div>
            <div class="asset-info">
              <div class="asset-copy"><h3 id="orbit-title">SWING ORBIT</h3><button class="asset-about" type="button" data-asset-about="orbit" aria-haspopup="dialog" aria-controls="asset-detail-dialog" aria-label="About SWING ORBIT"><span>View details</span><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M4 10h12m-5-5 5 5-5 5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg></button></div>
              <div class="asset-links">
              <a class="asset-link" title="SWING ORBIT website" href="https://swinghook.eth.limo/swing-orbit" target="_blank" rel="noopener noreferrer" aria-label="Open the SWING ORBIT website (opens in a new tab)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><g fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><ellipse cx="12" cy="12" rx="4" ry="9"/><path d="M3 12h18M5.2 6.2c4 2.1 9.6 2.1 13.6 0M5.2 17.8c4-2.1 9.6-2.1 13.6 0"/></g></svg></a>
              <a class="asset-link" title="Etherscan" href="https://etherscan.io/token/0xEc44E252aFD09AE00aaf19b7ee74B34934AB7aD7" target="_blank" rel="noopener noreferrer" aria-label="View SWING ORBIT on Etherscan (opens in a new tab)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123 123" fill="none" aria-hidden="true" focusable="false" class="platform-icon platform-icon--etherscan">
<path d="M25.79 58.4149C25.7901 57.7357 25.9244 57.0633 26.1851 56.4361C26.4458 55.809 26.8278 55.2396 27.3092 54.7605C27.7907 54.2814 28.3619 53.9021 28.9903 53.6444C29.6187 53.3867 30.2918 53.2557 30.971 53.2589L39.561 53.2869C40.9305 53.2869 42.244 53.831 43.2124 54.7994C44.1809 55.7678 44.725 57.0813 44.725 58.4509V90.9309C45.692 90.6439 46.934 90.3379 48.293 90.0179C49.237 89.7962 50.0783 89.262 50.6805 88.5019C51.2826 87.7418 51.6102 86.8006 51.61 85.8309V45.5409C51.61 44.1712 52.154 42.8576 53.1224 41.889C54.0908 40.9204 55.4043 40.3762 56.774 40.3759H65.381C66.7506 40.3762 68.0641 40.9204 69.0325 41.889C70.0009 42.8576 70.545 44.1712 70.545 45.5409V82.9339C70.545 82.9339 72.7 82.0619 74.799 81.1759C75.5787 80.8462 76.2441 80.2941 76.7122 79.5886C77.1803 78.8832 77.4302 78.0555 77.431 77.2089V32.6309C77.431 31.2615 77.9749 29.9481 78.9431 28.9797C79.9113 28.0113 81.2245 27.4672 82.5939 27.4669H91.201C92.5706 27.4669 93.884 28.0109 94.8525 28.9794C95.8209 29.9478 96.365 31.2613 96.365 32.6309V69.3399C103.827 63.9319 111.389 57.4279 117.39 49.6069C118.261 48.4717 118.837 47.1386 119.067 45.7267C119.297 44.3148 119.174 42.8678 118.709 41.5149C115.931 33.5227 111.516 26.1983 105.745 20.0105C99.974 13.8228 92.9749 8.90785 85.1955 5.58032C77.4161 2.2528 69.0277 0.585938 60.5671 0.686416C52.1065 0.786893 43.7601 2.6525 36.062 6.16383C28.3638 9.67517 21.4834 14.7549 15.8611 21.078C10.2388 27.401 5.99842 34.8282 3.41131 42.8842C0.824207 50.9401 -0.0526487 59.4474 0.836851 67.8617C1.72635 76.276 4.36263 84.4119 8.57696 91.7489C9.31111 93.0145 10.3912 94.0444 11.6903 94.7175C12.9894 95.3906 14.4536 95.679 15.911 95.5489C17.539 95.4059 19.566 95.2029 21.976 94.9199C23.0251 94.8008 23.9937 94.2999 24.6972 93.5126C25.4008 92.7253 25.7901 91.7067 25.791 90.6509L25.79 58.4149Z" fill="currentColor"/>
<path d="M25.6021 110.51C34.6744 117.11 45.3959 121.072 56.5802 121.957C67.7646 122.841 78.9757 120.615 88.9731 115.523C98.9705 110.431 107.364 102.673 113.226 93.1068C119.087 83.5405 122.188 72.539 122.185 61.3197C122.185 59.9197 122.12 58.5347 122.027 57.1577C99.808 90.2957 58.7831 105.788 25.604 110.505" fill="currentColor" opacity=".65"/>
</svg></a>
              <a class="asset-link" title="OpenSea" href="https://opensea.io/collection/swing-orbit" target="_blank" rel="noopener noreferrer" aria-label="View the SWING ORBIT collection on OpenSea (opens in a new tab)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 0C5.374 0 0 5.374 0 12s5.374 12 12 12 12-5.374 12-12S18.629 0 12 0ZM5.92 12.403l.051-.081 3.123-4.884a.107.107 0 0 1 .187.014c.52 1.169.972 2.623.76 3.528-.088.372-.335.876-.614 1.342a2.405 2.405 0 0 1-.117.199.106.106 0 0 1-.09.045H6.013a.106.106 0 0 1-.091-.163zm13.914 1.68a.109.109 0 0 1-.065.101c-.243.103-1.07.485-1.414.962-.878 1.222-1.548 2.97-3.048 2.97H9.053a4.019 4.019 0 0 1-4.013-4.028v-.072c0-.058.048-.106.108-.106h3.485c.07 0 .12.063.115.132-.026.226.017.459.125.67.206.42.636.682 1.099.682h1.726v-1.347H9.99a.11.11 0 0 1-.089-.173l.063-.09c.16-.231.391-.586.621-.992.156-.274.308-.566.43-.86.024-.052.043-.107.065-.16.033-.094.067-.182.091-.269a4.57 4.57 0 0 0 .065-.223c.057-.25.081-.514.081-.787 0-.108-.004-.221-.014-.327-.005-.117-.02-.235-.034-.352a3.415 3.415 0 0 0-.048-.312 6.494 6.494 0 0 0-.098-.468l-.014-.06c-.03-.108-.056-.21-.09-.317a11.824 11.824 0 0 0-.328-.972 5.212 5.212 0 0 0-.142-.355c-.072-.178-.146-.339-.213-.49a3.564 3.564 0 0 1-.094-.197 4.658 4.658 0 0 0-.103-.213c-.024-.053-.053-.104-.072-.152l-.211-.388c-.029-.053.019-.118.077-.101l1.32.357h.01l.173.05.192.054.07.019v-.783c0-.379.302-.686.679-.686a.66.66 0 0 1 .477.202.69.69 0 0 1 .2.484V6.65l.141.039c.01.005.022.01.031.017.034.024.084.062.147.11.05.038.103.086.165.137a10.351 10.351 0 0 1 .574.504c.214.199.454.432.684.691.065.074.127.146.192.226.062.079.132.156.19.232.079.104.16.212.235.324.033.053.074.108.105.161.096.142.178.288.257.435.034.067.067.141.096.213.089.197.159.396.202.598a.65.65 0 0 1 .029.132v.01c.014.057.019.12.024.184a2.057 2.057 0 0 1-.106.874c-.031.084-.06.17-.098.254-.075.17-.161.343-.264.502-.034.06-.075.122-.113.182-.043.063-.089.123-.127.18a3.89 3.89 0 0 1-.173.221c-.053.072-.106.144-.166.209-.081.098-.16.19-.245.278-.048.058-.1.118-.156.17-.052.06-.108.113-.156.161-.084.084-.15.147-.208.202l-.137.122a.102.102 0 0 1-.072.03h-1.051v1.346h1.322c.295 0 .576-.104.804-.298.077-.067.415-.36.816-.802a.094.094 0 0 1 .05-.03l3.65-1.057a.108.108 0 0 1 .138.103z"/></svg></a>
              
              </div>
            </div>
          </article>
        </div>
        <a class="assets-back" href="#home">Back to home ↑</a>
      </section>

      <section class="feature feature--access" id="new" hidden aria-labelledby="new-title">
        <a class="back" href="#home">← &nbsp;Back to home</a>
        <div class="access-page-heading">
          <div><span class="access-eyebrow">WHAT’S NEXT</span><h1 id="new-title">SWING TRADE</h1><p>Two ways to qualify.</p></div>
          <div class="launch-timing">
            <span class="launch-timing-label">Snapshot</span>
            <time class="launch-date" datetime="2026-10-07T12:00:00Z">October 7, 2026, 12:00:00 UTC</time>
          </div>
        </div>
        <div class="launch-layout">
          <div class="access-panel" aria-labelledby="access-title">
            <div class="access-header">
              <div class="access-title-line"><h2 id="access-title">LP Eligibility</h2></div>
            <div class="access-search-area" id="access-search-area" hidden>
              <div class="access-search"><span class="access-search-icon" aria-hidden="true"><svg viewBox="0 0 20 20" fill="none"><circle cx="8.5" cy="8.5" r="5.5" stroke="currentColor" stroke-width="1.4"/><path d="m13 13 4 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg></span><input id="access-search" type="search" placeholder="Search all addresses" aria-label="Search all NFT and SWING eligibility lists" autocomplete="off" spellcheck="false" autocapitalize="none"><button id="access-search-clear" class="access-search-clear" type="button" aria-label="Clear address search" hidden><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="m6 6 8 8M14 6l-8 8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></button></div>
            </div>
            </div>
            <div class="access-search-context" id="access-search-context" hidden><span id="access-search-results-label">Search results</span></div>
            <div id="access-results" role="region" aria-labelledby="access-title">
              <div class="access-list-heading" id="access-list-heading" hidden><span>WALLET ADDRESS</span><span class="access-list-meta"><span id="access-count" role="status" aria-live="polite">— addresses</span><span class="access-qualifies-label">ELIGIBILITY</span></span></div>
              <ol class="access-list" id="access-list" tabindex="-1" aria-label="Eligible addresses"></ol>
              <div class="access-empty" id="access-empty" hidden><span id="access-empty-message">No results</span><button type="button" id="access-reset">Clear search ↗</button></div>
              <div class="access-pagination" id="access-pagination" hidden>
                <span id="access-page-range" class="access-page-range" role="status" aria-live="polite">0 results</span>
                <nav class="access-page-controls" aria-label="Address list pages">
                  <button type="button" class="access-page-arrow" id="access-page-prev" aria-label="Previous page" disabled><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="m12 5-5 5 5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
                  <span class="access-page-numbers" id="access-page-numbers"></span>
                  <button type="button" class="access-page-arrow" id="access-page-next" aria-label="Next page"><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="m8 5 5 5-5 5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <nav class="screen-nav" aria-label="Page sections">
      <button type="button" data-go="home" aria-pressed="true" aria-label="Go to home" title="Home"></button>
      <button type="button" data-go="assets" aria-pressed="false" aria-label="Go to assets" title="Assets"></button>
    </nav>
    <footer>
      <span>© 2026 SwingHook.xyz</span>
      <nav class="social-links" aria-label="Developer and community">
        <a class="social-link social-link--dev" href="https://x.com/Hooknomics" target="_blank" rel="noopener noreferrer" title="Follow the developer on X" aria-label="Follow the developer on X (opens in a new tab)">
          <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.64 7.584H.47l8.6-9.835L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"/></svg>
        </a>
        <a class="social-link" href="https://t.me/swinghook" target="_blank" rel="noopener noreferrer" title="SwingHook community on Telegram" aria-label="Join the SwingHook Telegram community (opens in a new tab)">
          <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21.944 3.67c.316-1.27-.483-1.847-1.318-1.468L1.648 9.519c-1.296.52-1.288 1.243-.235 1.565l4.87 1.52 1.874 5.86c.224.62.114.866.765.866.502 0 .725-.23 1.006-.504l2.338-2.273 4.864 3.593c.895.494 1.54.238 1.762-.83L21.944 3.67ZM7.052 12.256l10.99-6.934c.548-.332 1.05-.153.638.212l-9.07 8.185-.353 3.783-2.205-5.246Z"/></svg>
        </a>
      </nav>
    </footer>
  </div>
  <dialog class="asset-detail-dialog" id="asset-detail-dialog" aria-labelledby="asset-detail-title">
    <div class="asset-detail-inner">
      <button class="asset-detail-close" id="asset-detail-close" type="button" aria-label="Close asset details" autofocus><svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="m5 5 10 10M15 5 5 15" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg></button>
      <div class="asset-detail-top">
        <img class="asset-detail-thumb" id="asset-detail-thumb" alt="" width="48" height="48">
        <div><span class="asset-detail-kicker" id="asset-detail-kicker"></span><h2 class="asset-detail-title" id="asset-detail-title"></h2></div>
      </div>
      <div class="asset-detail-content" data-asset-content="swing" hidden>
        <p>SWING is the native token of SwingHook, a volatility settlement protocol built on Ethereum using Uniswap v4 Hooks.</p>
        <p>The token is used for trading and staking within the protocol. It can also be burned to increase the weight of SWING ORBIT NFTs.</p>
        <a class="asset-detail-more" href="https://swinghook.eth.limo/whitepaper" target="_blank" rel="noopener noreferrer">Read the whitepaper <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M5 15 15 5M5 5h10v10" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
      </div>
      <div class="asset-detail-content" data-asset-content="orbit" hidden>
        <p>The 500 SWING ORBIT Genesis NFTs were allocated to the top 500 addresses by SwingSwap trading volume during the Genesis Trading Competition. Holders can upgrade an NFT by burning SWING to increase its points.</p>
        <p>These points determine each NFT’s share of the revenue contributed by future products in the SwingHook ecosystem.</p>
        <a class="asset-detail-more" href="https://swinghook.eth.limo/swing-orbit" target="_blank" rel="noopener noreferrer">Explore SWING ORBIT <svg viewBox="0 0 20 20" fill="none" aria-hidden="true"><path d="M5 15 15 5M5 5h10v10" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
      </div>
    </div>
  </dialog>
  <dialog class="artwork-dialog" id="artwork-dialog" aria-label="SWING ORBIT NFT artwork">
    <img id="nft-expanded" width="1000" height="1000" alt="Full SWING ORBIT NFT artwork">
    <button class="artwork-close" id="artwork-close" type="button" aria-label="Close artwork" autofocus>×</button>
  </dialog>
  <script src="assets/js/app.js"></script>
</body>
</html>
