{"id":10,"date":"2026-08-10T02:04:13","date_gmt":"2026-08-10T02:04:13","guid":{"rendered":"https:\/\/wagmionsol.online\/?page_id=10"},"modified":"2026-08-10T02:33:47","modified_gmt":"2026-08-10T02:33:47","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/wagmionsol.online\/","title":{"rendered":"Elementor #10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a32202c e-con-full e-flex e-con e-parent\" data-id=\"a32202c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4611639 elementor-widget elementor-widget-html\" data-id=\"4611639\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <meta\n      name=\"description\"\n      content=\"WAGMI \u2014 a meme coin built around optimism, resilience, and making it together.\"\n    \/>\n    <title>WAGMI \u2014 We All Gonna Make It<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n    <link\n      href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700;800&family=Permanent+Marker&display=swap\"\n      rel=\"stylesheet\"\n    \/>\n    <style>\n      :root {\n        --ink: #17151d;\n        --paper: #f6f2e9;\n        --paper-2: #ebe5d6;\n        --orange: #ff7046;\n        --yellow: #f7c948;\n        --mint: #a8ead2;\n        --purple: #8c6ee6;\n        --white: #fffdf7;\n        --line: rgba(23, 21, 29, 0.16);\n        --shadow: 0 22px 70px rgba(19, 14, 24, 0.2);\n        --sans: \"DM Sans\", ui-sans-serif, system-ui, -apple-system, sans-serif;\n        --marker: \"Permanent Marker\", \"Comic Sans MS\", cursive;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      html {\n        scroll-behavior: smooth;\n      }\n\n      body {\n        margin: 0;\n        color: var(--ink);\n        background: var(--paper);\n        font-family: var(--sans);\n        overflow-x: hidden;\n      }\n\n      body::selection {\n        color: var(--paper);\n        background: var(--orange);\n      }\n\n      a {\n        color: inherit;\n        text-decoration: none;\n      }\n\n      button,\n      a {\n        -webkit-tap-highlight-color: transparent;\n      }\n\n      .site-nav {\n        position: fixed;\n        z-index: 20;\n        top: 18px;\n        left: 50%;\n        display: flex;\n        width: min(1120px, calc(100% - 40px));\n        align-items: center;\n        justify-content: space-between;\n        padding: 10px 12px 10px 18px;\n        border: 1px solid rgba(255, 253, 247, 0.23);\n        border-radius: 999px;\n        color: var(--white);\n        background: rgba(22, 19, 28, 0.62);\n        box-shadow: 0 12px 35px rgba(12, 10, 15, 0.16);\n        backdrop-filter: blur(14px);\n        transform: translateX(-50%);\n      }\n\n      .nav-mark {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        font-size: 0.74rem;\n        font-weight: 800;\n        letter-spacing: 0.19em;\n      }\n\n      .nav-mark::before {\n        width: 9px;\n        height: 9px;\n        border-radius: 50%;\n        background: var(--orange);\n        box-shadow: 0 0 0 4px rgba(255, 112, 70, 0.18);\n        content: \"\";\n      }\n\n      .nav-links {\n        display: flex;\n        align-items: center;\n        gap: 28px;\n        color: rgba(255, 253, 247, 0.72);\n        font-size: 0.72rem;\n        font-weight: 700;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n      }\n\n      .nav-links a {\n        transition: color 180ms ease;\n      }\n\n      .nav-links a:hover {\n        color: var(--white);\n      }\n\n      .nav-button,\n      .button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        border: 0;\n        border-radius: 999px;\n        cursor: pointer;\n        font: inherit;\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.1em;\n        text-transform: uppercase;\n        transition:\n          transform 180ms ease,\n          box-shadow 180ms ease,\n          background 180ms ease;\n      }\n\n      .nav-button {\n        padding: 12px 17px;\n        color: var(--ink);\n        background: var(--yellow);\n      }\n\n      .button {\n        min-height: 52px;\n        padding: 0 23px;\n      }\n\n      .button:hover,\n      .nav-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 12px 25px rgba(10, 8, 14, 0.18);\n      }\n\n      .button-dark {\n        color: var(--white);\n        background: var(--ink);\n      }\n\n      .button-light {\n        color: var(--ink);\n        background: var(--white);\n      }\n\n      .button-orange {\n        color: var(--white);\n        background: var(--orange);\n      }\n\n      .arrow {\n        display: inline-block;\n        font-size: 1.05rem;\n        line-height: 0;\n        transition: transform 180ms ease;\n      }\n\n      .button:hover .arrow {\n        transform: translateX(4px);\n      }\n\n      .section {\n        position: relative;\n        min-height: 100vh;\n        overflow: hidden;\n      }\n\n      .eyebrow {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin: 0 0 22px;\n        color: var(--orange);\n        font-size: 0.72rem;\n        font-weight: 800;\n        letter-spacing: 0.19em;\n        text-transform: uppercase;\n      }\n\n      .eyebrow::before {\n        width: 32px;\n        height: 2px;\n        background: currentColor;\n        content: \"\";\n      }\n\n      .hand {\n        font-family: var(--marker);\n        font-weight: 400;\n        letter-spacing: 0.01em;\n      }\n\n      .hero {\n        display: flex;\n        min-height: 800px;\n        align-items: center;\n        background:\n          linear-gradient(90deg, rgba(18, 15, 23, 0.02) 27%, rgba(18, 15, 23, 0.72) 71%, rgba(18, 15, 23, 0.89) 100%),\n          url(\"http:\/\/wagmionsol.online\/wp-content\/uploads\/2026\/08\/bg1.png\") center \/ cover no-repeat;\n        color: var(--white);\n      }\n\n      .hero-inner {\n        display: grid;\n        width: min(1120px, calc(100% - 40px));\n        margin: 0 auto;\n        grid-template-columns: minmax(0, 1.2fr) minmax(310px, 0.8fr);\n        align-items: center;\n        gap: 7vw;\n        padding-top: 84px;\n      }\n\n      .hero-logo {\n        display: block;\n        width: min(610px, 86%);\n        margin: 0 auto;\n        filter: drop-shadow(0 24px 15px rgba(0, 0, 0, 0.25));\n        transform: rotate(-4deg);\n        animation: logoFloat 5.5s ease-in-out infinite;\n      }\n\n      .hero-art-note {\n        position: relative;\n        width: fit-content;\n        margin: 35px auto 0;\n        padding: 7px 16px 10px;\n        color: var(--ink);\n        background: var(--yellow);\n        font-size: 1rem;\n        transform: rotate(-5deg);\n      }\n\n      .hero-art-note::after {\n        position: absolute;\n        right: -17px;\n        bottom: -12px;\n        width: 31px;\n        height: 22px;\n        border-right: 3px solid var(--yellow);\n        border-bottom: 3px solid var(--yellow);\n        border-radius: 0 0 24px 0;\n        content: \"\";\n        transform: rotate(15deg);\n      }\n\n      .hero-copy {\n        padding: 30px 0 30px;\n      }\n\n      .hero-copy .eyebrow {\n        color: var(--yellow);\n      }\n\n      .hero h1 {\n        max-width: 510px;\n        margin: 0;\n        font-size: clamp(3rem, 6.5vw, 6.4rem);\n        font-weight: 800;\n        letter-spacing: -0.08em;\n        line-height: 0.89;\n      }\n\n      .hero h1 .hand {\n        display: block;\n        margin-top: 13px;\n        color: var(--yellow);\n        font-size: 0.72em;\n        letter-spacing: 0;\n        line-height: 1;\n        transform: rotate(-3deg);\n        transform-origin: left center;\n      }\n\n      .hero-description {\n        max-width: 385px;\n        margin: 28px 0 29px;\n        color: rgba(255, 253, 247, 0.74);\n        font-size: 1rem;\n        line-height: 1.72;\n      }\n\n      .hero-actions {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n      }\n\n      .scroll-cue {\n        position: absolute;\n        bottom: 28px;\n        left: 50%;\n        display: flex;\n        align-items: center;\n        gap: 11px;\n        color: rgba(255, 253, 247, 0.65);\n        font-size: 0.65rem;\n        font-weight: 700;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n        transform: translateX(-50%);\n      }\n\n      .scroll-cue span {\n        display: inline-block;\n        width: 22px;\n        height: 34px;\n        border: 1px solid rgba(255, 253, 247, 0.5);\n        border-radius: 99px;\n      }\n\n      .scroll-cue span::after {\n        display: block;\n        width: 3px;\n        height: 7px;\n        margin: 7px auto 0;\n        border-radius: 99px;\n        background: var(--white);\n        animation: scrollDot 1.7s ease-in-out infinite;\n        content: \"\";\n      }\n\n      .featured {\n        display: grid;\n        min-height: 920px;\n        place-items: center;\n        padding: 150px 20px 120px;\n        background:\n          radial-gradient(circle at 50% 54%, rgba(247, 201, 72, 0.42), transparent 24%),\n          var(--paper);\n      }\n\n      .featured::before,\n      .featured::after {\n        position: absolute;\n        border: 1px solid var(--line);\n        border-radius: 50%;\n        content: \"\";\n      }\n\n      .featured::before {\n        width: 720px;\n        height: 720px;\n        transform: rotate(22deg);\n      }\n\n      .featured::after {\n        width: 530px;\n        height: 530px;\n        border-style: dashed;\n        transform: rotate(-31deg);\n      }\n\n      .featured-inner {\n        position: relative;\n        z-index: 1;\n        width: min(1120px, 100%);\n        text-align: center;\n      }\n\n      .featured h2 {\n        max-width: 760px;\n        margin: 0 auto;\n        font-size: clamp(3rem, 7vw, 7rem);\n        font-weight: 800;\n        letter-spacing: -0.08em;\n        line-height: 0.86;\n      }\n\n      .featured h2 .hand {\n        position: relative;\n        display: inline-block;\n        color: var(--orange);\n        font-size: 0.63em;\n        letter-spacing: 0;\n        transform: rotate(-5deg) translateY(-7px);\n      }\n\n      .featured-image-wrap {\n        position: relative;\n        width: min(500px, 78vw);\n        margin: 48px auto 38px;\n      }\n\n      .featured-image-wrap::before {\n        position: absolute;\n        inset: 18% 11%;\n        border-radius: 50%;\n        background: var(--yellow);\n        content: \"\";\n        transform: rotate(-8deg);\n        z-index: -1;\n      }\n\n      .featured-image {\n        display: block;\n        width: 100%;\n        filter: drop-shadow(0 28px 23px rgba(45, 32, 15, 0.2));\n        animation: featuredBob 5s ease-in-out infinite;\n      }\n\n      .featured-copy {\n        display: grid;\n        max-width: 720px;\n        margin: 0 auto;\n        grid-template-columns: 1fr 1fr;\n        gap: 32px;\n        text-align: left;\n      }\n\n      .featured-copy p {\n        margin: 0;\n        font-size: 1rem;\n        line-height: 1.72;\n      }\n\n      .featured-copy p:last-child {\n        color: rgba(23, 21, 29, 0.62);\n      }\n\n      .vision {\n        display: grid;\n        min-height: 830px;\n        place-items: center;\n        padding: 130px 20px;\n        background:\n          linear-gradient(90deg, rgba(15, 17, 22, 0.75) 0%, rgba(15, 17, 22, 0.15) 48%, rgba(15, 17, 22, 0.55) 100%),\n          url(\"http:\/\/wagmionsol.online\/wp-content\/uploads\/2026\/08\/bg3.png\") center \/ cover no-repeat;\n        color: var(--white);\n      }\n\n      .vision-inner {\n        display: grid;\n        width: min(1120px, 100%);\n        grid-template-columns: 1fr 1fr;\n        align-items: center;\n        gap: 14vw;\n      }\n\n      .vision h2,\n      .culture h2,\n      .closing h2 {\n        margin: 0;\n        font-size: clamp(3.1rem, 6vw, 6.2rem);\n        font-weight: 800;\n        letter-spacing: -0.08em;\n        line-height: 0.88;\n      }\n\n      .vision h2 .hand,\n      .culture h2 .hand {\n        display: block;\n        color: var(--yellow);\n        font-size: 0.62em;\n        line-height: 1.2;\n        transform: rotate(-4deg);\n      }\n\n      .vision-intro {\n        max-width: 310px;\n        margin: 0 0 44px 12%;\n        color: rgba(255, 253, 247, 0.74);\n        font-size: 1rem;\n        line-height: 1.7;\n      }\n\n      .vision-points {\n        display: grid;\n        gap: 15px;\n      }\n\n      .vision-point {\n        display: grid;\n        grid-template-columns: 52px 1fr;\n        align-items: center;\n        gap: 16px;\n        max-width: 385px;\n        padding: 16px 17px;\n        border: 1px solid rgba(255, 253, 247, 0.2);\n        border-radius: 18px;\n        background: rgba(22, 19, 29, 0.37);\n        backdrop-filter: blur(8px);\n        transition:\n          transform 180ms ease,\n          background 180ms ease;\n      }\n\n      .vision-point:hover {\n        background: rgba(22, 19, 29, 0.64);\n        transform: translateX(7px);\n      }\n\n      .point-number {\n        display: grid;\n        width: 44px;\n        height: 44px;\n        place-items: center;\n        border-radius: 50%;\n        color: var(--ink);\n        background: var(--yellow);\n        font-size: 0.78rem;\n        font-weight: 800;\n      }\n\n      .vision-point strong {\n        display: block;\n        margin-bottom: 4px;\n        font-size: 0.9rem;\n      }\n\n      .vision-point span:last-child {\n        color: rgba(255, 253, 247, 0.62);\n        font-size: 0.8rem;\n        line-height: 1.4;\n      }\n\n      .culture {\n        display: grid;\n        min-height: 850px;\n        align-items: center;\n        padding: 150px max(20px, calc((100% - 1120px) \/ 2)) 140px;\n        background:\n          linear-gradient(90deg, rgba(21, 16, 16, 0.03) 17%, rgba(21, 16, 16, 0.12) 47%, rgba(21, 16, 16, 0.76) 74%, rgba(21, 16, 16, 0.88) 100%),\n          url(\"http:\/\/wagmionsol.online\/wp-content\/uploads\/2026\/08\/bg4.png\") center \/ cover no-repeat;\n        color: var(--white);\n      }\n\n      .culture-inner {\n        display: flex;\n        justify-content: flex-end;\n      }\n\n      .culture-copy {\n        width: min(475px, 100%);\n      }\n\n      .culture h2 {\n        margin-bottom: 31px;\n      }\n\n      .culture h2 .hand {\n        color: var(--orange);\n      }\n\n      .culture-lede {\n        margin: 0 0 31px;\n        color: rgba(255, 253, 247, 0.76);\n        font-size: 1.08rem;\n        line-height: 1.7;\n      }\n\n      .quote {\n        position: relative;\n        margin: 0;\n        padding: 22px 0 22px 24px;\n        border-left: 2px solid var(--yellow);\n        color: var(--yellow);\n        font-family: var(--marker);\n        font-size: 1.35rem;\n        line-height: 1.35;\n      }\n\n      .quote::before {\n        position: absolute;\n        top: 9px;\n        left: 12px;\n        color: var(--orange);\n        font-family: var(--sans);\n        font-size: 2.3rem;\n        content: \"\u201c\";\n      }\n\n      .closing {\n        display: grid;\n        min-height: 840px;\n        align-items: center;\n        padding: 150px max(20px, calc((100% - 1120px) \/ 2));\n        background:\n          linear-gradient(90deg, rgba(18, 14, 20, 0.02) 22%, rgba(18, 14, 20, 0.11) 47%, rgba(18, 14, 20, 0.84) 76%, rgba(18, 14, 20, 0.9) 100%),\n          url(\"http:\/\/wagmionsol.online\/wp-content\/uploads\/2026\/08\/bg5.png\") center \/ cover no-repeat;\n        color: var(--white);\n      }\n\n      .closing-inner {\n        display: flex;\n        justify-content: flex-end;\n      }\n\n      .closing-copy {\n        width: min(520px, 100%);\n      }\n\n      .closing h2 {\n        margin-bottom: 26px;\n      }\n\n      .closing h2 .hand {\n        display: block;\n        color: var(--mint);\n        font-size: 0.58em;\n        line-height: 1.3;\n        transform: rotate(-3deg);\n      }\n\n      .closing-copy > p {\n        max-width: 400px;\n        margin: 0 0 30px;\n        color: rgba(255, 253, 247, 0.73);\n        font-size: 1.02rem;\n        line-height: 1.7;\n      }\n\n      .contract-row {\n        display: flex;\n        width: min(100%, 435px);\n        align-items: center;\n        gap: 0;\n        margin-top: 22px;\n        border: 1px solid rgba(255, 253, 247, 0.23);\n        border-radius: 14px;\n        background: rgba(20, 18, 24, 0.55);\n        overflow: hidden;\n      }\n\n      .contract-label {\n        padding: 13px 15px;\n        color: rgba(255, 253, 247, 0.45);\n        font-size: 0.62rem;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      .contract-address {\n        min-width: 0;\n        flex: 1;\n        padding: 13px 3px;\n        color: rgba(255, 253, 247, 0.78);\n        font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n        font-size: 0.71rem;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      .copy-button {\n        align-self: stretch;\n        padding: 0 15px;\n        border: 0;\n        border-left: 1px solid rgba(255, 253, 247, 0.15);\n        color: var(--yellow);\n        background: transparent;\n        cursor: pointer;\n        font: inherit;\n        font-size: 0.63rem;\n        font-weight: 800;\n        letter-spacing: 0.11em;\n        text-transform: uppercase;\n      }\n\n      .site-footer {\n        position: absolute;\n        right: max(20px, calc((100% - 1120px) \/ 2));\n        bottom: 26px;\n        left: max(20px, calc((100% - 1120px) \/ 2));\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding-top: 20px;\n        border-top: 1px solid rgba(255, 253, 247, 0.17);\n        color: rgba(255, 253, 247, 0.48);\n        font-size: 0.68rem;\n        font-weight: 600;\n      }\n\n      .socials {\n        display: flex;\n        gap: 18px;\n      }\n\n      .socials a {\n        transition: color 180ms ease;\n      }\n\n      .socials a:hover {\n        color: var(--yellow);\n      }\n\n      .reveal {\n        opacity: 0;\n        transform: translateY(24px);\n        transition:\n          opacity 750ms ease,\n          transform 750ms cubic-bezier(0.2, 0.8, 0.2, 1);\n      }\n\n      .reveal.is-visible {\n        opacity: 1;\n        transform: translateY(0);\n      }\n\n      .marquee-divider {\n        position: relative;\n        z-index: 3;\n        display: flex;\n        height: 78px;\n        align-items: center;\n        border-top: 1px solid rgba(23, 21, 29, 0.18);\n        border-bottom: 1px solid rgba(23, 21, 29, 0.18);\n        overflow: hidden;\n        white-space: nowrap;\n      }\n\n      .marquee-track {\n        display: flex;\n        width: max-content;\n        align-items: center;\n        animation: marquee 25s linear infinite;\n        will-change: transform;\n      }\n\n      .marquee-divider.reverse .marquee-track {\n        animation-name: marqueeReverse;\n        animation-duration: 29s;\n      }\n\n      .marquee-item {\n        display: inline-flex;\n        align-items: center;\n        gap: 28px;\n        padding-right: 28px;\n        font-size: clamp(1.55rem, 3.2vw, 3rem);\n        font-weight: 800;\n        letter-spacing: -0.07em;\n        line-height: 1;\n        text-transform: uppercase;\n      }\n\n      .marquee-item::after {\n        display: inline-block;\n        color: var(--orange);\n        font-family: var(--marker);\n        font-size: 0.72em;\n        font-weight: 400;\n        letter-spacing: 0;\n        content: \"\u2733\";\n        transform: rotate(12deg);\n      }\n\n      .marquee-sun {\n        color: var(--ink);\n        background: var(--yellow);\n      }\n\n      .marquee-sun .marquee-item:nth-child(even) {\n        color: rgba(23, 21, 29, 0.48);\n      }\n\n      .marquee-ink {\n        border-color: rgba(255, 253, 247, 0.22);\n        color: var(--white);\n        background: var(--ink);\n      }\n\n      .marquee-ink .marquee-item::after {\n        color: var(--mint);\n      }\n\n      .marquee-ink .marquee-item:nth-child(even) {\n        color: var(--mint);\n      }\n\n      .marquee-accent {\n        border-color: rgba(23, 21, 29, 0.1);\n        color: var(--white);\n        background: var(--orange);\n      }\n\n      .marquee-accent .marquee-item::after {\n        color: var(--yellow);\n      }\n\n      .marquee-accent .marquee-item:nth-child(even) {\n        color: var(--ink);\n      }\n\n      @keyframes marquee {\n        from {\n          transform: translateX(0);\n        }\n        to {\n          transform: translateX(-50%);\n        }\n      }\n\n      @keyframes marqueeReverse {\n        from {\n          transform: translateX(-50%);\n        }\n        to {\n          transform: translateX(0);\n        }\n      }\n\n      @keyframes logoFloat {\n        0%,\n        100% {\n          transform: rotate(-4deg) translateY(0);\n        }\n        50% {\n          transform: rotate(-1deg) translateY(-13px);\n        }\n      }\n\n      @keyframes featuredBob {\n        0%,\n        100% {\n          transform: translateY(0) rotate(2deg);\n        }\n        50% {\n          transform: translateY(-14px) rotate(-2deg);\n        }\n      }\n\n      @keyframes scrollDot {\n        0%,\n        100% {\n          opacity: 0.35;\n          transform: translateY(0);\n        }\n        50% {\n          opacity: 1;\n          transform: translateY(9px);\n        }\n      }\n\n      @media (max-width: 820px) {\n        .marquee-divider {\n          height: 64px;\n        }\n\n        .marquee-track {\n          animation-duration: 19s;\n        }\n\n        .marquee-divider.reverse .marquee-track {\n          animation-duration: 22s;\n        }\n\n        .site-nav {\n          top: 12px;\n          width: calc(100% - 24px);\n          padding-left: 15px;\n        }\n\n        .nav-links {\n          display: none;\n        }\n\n        .hero {\n          min-height: 760px;\n          align-items: flex-end;\n          background-position: 39% center;\n        }\n\n        .hero-inner {\n          display: block;\n          padding: 125px 0 70px;\n        }\n\n        .hero-art {\n          position: absolute;\n          top: 132px;\n          right: 18px;\n          left: 18px;\n        }\n\n        .hero-logo {\n          width: min(520px, 92%);\n        }\n\n        .hero-art-note {\n          margin-top: 18px;\n          font-size: 0.8rem;\n        }\n\n        .hero-copy {\n          position: relative;\n          z-index: 1;\n          max-width: 510px;\n          margin-top: 345px;\n          padding: 0;\n        }\n\n        .hero h1 {\n          font-size: clamp(3.1rem, 14vw, 5rem);\n        }\n\n        .hero-description {\n          margin-top: 21px;\n        }\n\n        .featured {\n          min-height: 820px;\n          padding: 120px 20px 100px;\n        }\n\n        .featured::before {\n          width: 570px;\n          height: 570px;\n        }\n\n        .featured::after {\n          width: 430px;\n          height: 430px;\n        }\n\n        .featured-copy {\n          grid-template-columns: 1fr;\n          gap: 14px;\n          text-align: center;\n        }\n\n        .vision {\n          min-height: 900px;\n          padding: 120px 20px 100px;\n          background-position: 56% center;\n        }\n\n        .vision-inner {\n          grid-template-columns: 1fr;\n          gap: 45px;\n        }\n\n        .vision-intro {\n          margin-left: 0;\n        }\n\n        .culture,\n        .closing {\n          min-height: 800px;\n          padding: 120px 20px 110px;\n          background-position: 63% center;\n        }\n\n        .culture-inner,\n        .closing-inner {\n          justify-content: flex-start;\n        }\n\n        .culture-copy,\n        .closing-copy {\n          max-width: 500px;\n          margin-top: 90px;\n        }\n\n        .closing {\n          background-position: 65% center;\n        }\n\n        .site-footer {\n          display: block;\n          line-height: 1.6;\n        }\n\n        .socials {\n          margin-top: 8px;\n        }\n      }\n\n      @media (max-width: 460px) {\n        .hero-copy {\n          margin-top: 320px;\n        }\n\n        .hero-actions {\n          display: grid;\n          grid-template-columns: 1fr;\n        }\n\n        .button {\n          width: 100%;\n        }\n\n        .featured h2 {\n          font-size: clamp(2.8rem, 15vw, 4.4rem);\n        }\n\n        .vision h2,\n        .culture h2,\n        .closing h2 {\n          font-size: clamp(2.8rem, 14vw, 4.4rem);\n        }\n\n        .contract-row {\n          display: grid;\n          grid-template-columns: 1fr auto;\n        }\n\n        .contract-label {\n          padding-bottom: 0;\n        }\n\n        .contract-address {\n          grid-column: 1;\n          padding: 7px 15px 13px;\n        }\n\n        .copy-button {\n          grid-column: 2;\n          grid-row: 1 \/ span 2;\n        }\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        html {\n          scroll-behavior: auto;\n        }\n\n        *,\n        *::before,\n        *::after {\n          animation-duration: 0.01ms !important;\n          animation-iteration-count: 1 !important;\n          transition-duration: 0.01ms !important;\n        }\n\n        .marquee-track {\n          transform: translateX(0) !important;\n        }\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <header class=\"site-nav\">\n      <a class=\"nav-mark\" href=\"#top\" aria-label=\"WAGMI home\">WAGMI<\/a>\n      <nav class=\"nav-links\" aria-label=\"Primary navigation\">\n        <a href=\"#featured\">The idea<\/a>\n        <a href=\"#vision\">The vision<\/a>\n        <a href=\"#culture\">The culture<\/a>\n      <\/nav>\n      <a class=\"nav-button\" href=\"#join\">Join us <span class=\"arrow\">\u2197<\/span><\/a>\n    <\/header>\n\n    <main>\n      <section class=\"section hero\" id=\"top\">\n        <div class=\"hero-inner\">\n          <div class=\"hero-art\">\n            <img decoding=\"async\"\n              class=\"hero-logo\"\n              src=\"http:\/\/wagmionsol.online\/wp-content\/uploads\/2026\/08\/logo.png\"\n              alt=\"WAGMI\"\n            \/>\n            <p class=\"hero-art-note hand\">we all gonna make it<\/p>\n          <\/div>\n          <div class=\"hero-copy reveal\">\n            <p class=\"eyebrow\">A little optimism on Solana<\/p>\n            <h1>Make it <span class=\"hand\">together.<\/span><\/h1>\n            <p class=\"hero-description\">\n              WAGMI is a meme coin for the believers, the builders, and everyone\n              still showing up. No matter the market, we keep moving forward.\n            <\/p>\n            <div class=\"hero-actions\">\n              <a class=\"button button-light\" href=\"#join\">Get WAGMI <span class=\"arrow\">\u2197<\/span><\/a>\n              <a class=\"button button-dark\" href=\"#vision\">Our mindset <span class=\"arrow\">\u2193<\/span><\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n        <a class=\"scroll-cue\" href=\"#featured\"><span><\/span>Scroll to believe<\/a>\n      <\/section>\n\n      <section class=\"section featured\" id=\"featured\">\n        <div class=\"featured-inner\">\n          <div class=\"reveal\">\n            <p class=\"eyebrow\" style=\"justify-content: center\">The WAGMI idea<\/p>\n            <h2>Good things<br \/><span class=\"hand\">take a community.<\/span><\/h2>\n          <\/div>\n          <div class=\"featured-image-wrap reveal\">\n            <img decoding=\"async\"\n              class=\"featured-image\"\n              src=\"http:\/\/wagmionsol.online\/wp-content\/uploads\/2026\/08\/featured2.png\"\n              alt=\"WAGMI community character artwork\"\n            \/>\n          <\/div>\n          <div class=\"featured-copy reveal\">\n            <p>\n              Inspired by Wojak culture and powered by a stubborn kind of\n              optimism, WAGMI is a reminder that the best stories are never\n              solo missions.\n            <\/p>\n            <p>\n              Bring the memes. Bring the conviction. Bring the friend who needs\n              a little good news. There is room for everyone at the table.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <div class=\"marquee-divider marquee-sun\" aria-label=\"WAGMI is built together\">\n        <div class=\"marquee-track\" aria-hidden=\"true\">\n          <span class=\"marquee-item\">WAGMI means we all gonna make it<\/span>\n          <span class=\"marquee-item\">WAGMI means we all gonna make it<\/span>\n          <span class=\"marquee-item\">WAGMI means we all gonna make it<\/span>\n          <span class=\"marquee-item\">WAGMI means we all gonna make it<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section vision\" id=\"vision\">\n        <div class=\"vision-inner\">\n          <div class=\"reveal\">\n            <p class=\"eyebrow\">The collective mindset<\/p>\n            <h2>Keep your<br \/><span class=\"hand\">head up.<\/span><\/h2>\n          <\/div>\n          <div class=\"vision-right reveal\">\n            <p class=\"vision-intro\">\n              WAGMI is more than a ticker. It is the group chat after a long\n              day, the laugh in the middle of the chaos, and the decision to\n              believe one more time.\n            <\/p>\n            <div class=\"vision-points\">\n              <div class=\"vision-point\">\n                <span class=\"point-number\">01<\/span>\n                <span>\n                  <strong>Optimism is a strategy<\/strong>\n                  <span>We choose the signal over the noise.<\/span>\n                <\/span>\n              <\/div>\n              <div class=\"vision-point\">\n                <span class=\"point-number\">02<\/span>\n                <span>\n                  <strong>Resilience looks good on you<\/strong>\n                  <span>Every dip is another chapter in the story.<\/span>\n                <\/span>\n              <\/div>\n              <div class=\"vision-point\">\n                <span class=\"point-number\">03<\/span>\n                <span>\n                  <strong>Everyone gets a seat<\/strong>\n                  <span>The future is better when we build it together.<\/span>\n                <\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <div class=\"marquee-divider marquee-ink reverse\" aria-label=\"Keep moving forward\">\n        <div class=\"marquee-track\" aria-hidden=\"true\">\n          <span class=\"marquee-item\">Keep moving forward<\/span>\n          <span class=\"marquee-item\">Keep moving forward<\/span>\n          <span class=\"marquee-item\">Keep moving forward<\/span>\n          <span class=\"marquee-item\">Keep moving forward<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section culture\" id=\"culture\">\n        <div class=\"culture-inner\">\n          <div class=\"culture-copy reveal\">\n            <p class=\"eyebrow\">The story behind the meme<\/p>\n            <h2>Born from<br \/><span class=\"hand\">the timeline.<\/span><\/h2>\n            <p class=\"culture-lede\">\n              Somewhere between a screenshot, a shared joke, and a little\n              digital rebellion, a phrase became a flag: WAGMI.\n            <\/p>\n            <blockquote class=\"quote\">\n              The future is unwritten. Let\u2019s make it a good one.\n            <\/blockquote>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <div class=\"marquee-divider marquee-accent\" aria-label=\"The future is ours to make\">\n        <div class=\"marquee-track\" aria-hidden=\"true\">\n          <span class=\"marquee-item\">The future is ours to make<\/span>\n          <span class=\"marquee-item\">The future is ours to make<\/span>\n          <span class=\"marquee-item\">The future is ours to make<\/span>\n          <span class=\"marquee-item\">The future is ours to make<\/span>\n        <\/div>\n      <\/div>\n\n      <section class=\"section closing\" id=\"join\">\n        <div class=\"closing-inner\">\n          <div class=\"closing-copy reveal\">\n            <p class=\"eyebrow\">Your sign has arrived<\/p>\n            <h2>See you<br \/><span class=\"hand\">on the other side.<\/span><\/h2>\n            <p>\n              Grab your people, follow the signal, and join a community that\n              believes the best is still ahead.\n            <\/p>\n            <a class=\"button button-orange\" href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">\n              Join the community <span class=\"arrow\">\u2197<\/span>\n            <\/a>\n            <div class=\"contract-row\" aria-label=\"WAGMI contract address\">\n              <span class=\"contract-label\">Contract<\/span>\n              <span class=\"contract-address\" id=\"contract\">null<\/span>\n              <button class=\"copy-button\" id=\"copyContract\" type=\"button\">Copy<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n        <footer class=\"site-footer\">\n          <span>\u00a9 2026 WAGMI. We all gonna make it.<\/span>\n          <span class=\"socials\">\n            <a href=\"https:\/\/x.com\" target=\"_blank\" rel=\"noreferrer\">X \/ Twitter<\/a>\n            <a href=\"#top\">Back to top \u2191<\/a>\n          <\/span>\n        <\/footer>\n      <\/section>\n    <\/main>\n\n    <script>\n      const revealElements = document.querySelectorAll(\".reveal\");\n      const revealObserver = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            if (entry.isIntersecting) {\n              entry.target.classList.add(\"is-visible\");\n              revealObserver.unobserve(entry.target);\n            }\n          });\n        },\n        { threshold: 0.14 },\n      );\n\n      revealElements.forEach((element) => revealObserver.observe(element));\n\n      const copyButton = document.getElementById(\"copyContract\");\n      const contract = document.getElementById(\"contract\");\n\n      copyButton.addEventListener(\"click\", async () => {\n        const originalLabel = copyButton.textContent;\n        try {\n          await navigator.clipboard.writeText(contract.textContent);\n          copyButton.textContent = \"Copied\";\n        } catch {\n          copyButton.textContent = \"Select\";\n        }\n        window.setTimeout(() => {\n          copyButton.textContent = originalLabel;\n        }, 1800);\n      });\n    <\/script>\n  <\/body>\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WAGMI \u2014 We All Gonna Make It WAGMI The idea The vision The culture Join us \u2197 we all gonna make it A little optimism on Solana Make it together. WAGMI is a meme coin for the believers, the builders, and everyone still showing up. No matter the market, we keep moving forward. Get WAGMI [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wagmionsol.online\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wagmionsol.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wagmionsol.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wagmionsol.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wagmionsol.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":16,"href":"https:\/\/wagmionsol.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/wagmionsol.online\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/wagmionsol.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}