{"id":9,"date":"2026-08-09T16:50:35","date_gmt":"2026-08-09T16:50:35","guid":{"rendered":"https:\/\/largoat.fun\/?page_id=9"},"modified":"2026-08-09T17:18:15","modified_gmt":"2026-08-09T17:18:15","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/largoat.fun\/","title":{"rendered":"Elementor #9"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76db239 e-con-full e-flex e-con e-parent\" data-id=\"76db239\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86baa1f elementor-widget elementor-widget-html\" data-id=\"86baa1f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Jaro:opsz@6..72&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* RESET & SCOPING UNTUK ELEMENTOR *\/\r\n    #largoat-universe {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n        font-family: 'Inter', sans-serif;\r\n        color: #e2e2e2;\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100vh;\r\n        min-height: 700px;\r\n        overflow: hidden;\r\n        background-color: #050505;\r\n    }\r\n    #largoat-universe *, #largoat-universe *::before, #largoat-universe *::after {\r\n        box-sizing: inherit;\r\n    }\r\n\r\n    \/* TYPOGRAPHY *\/\r\n    #largoat-universe h1, \r\n    #largoat-universe h2, \r\n    #largoat-universe h3, \r\n    .title-font {\r\n        font-family: 'Jaro', sans-serif;\r\n        font-weight: normal;\r\n        margin: 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n    .gold-text {\r\n        color: #e6c86a; \r\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.9);\r\n    }\r\n\r\n    \/* LOADING SCREEN *\/\r\n    #lg-loader {\r\n        position: absolute;\r\n        inset: 0;\r\n        background: #080808;\r\n        z-index: 9999;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: opacity 0.8s ease, visibility 0.8s ease;\r\n    }\r\n    .loader-text {\r\n        font-size: 4rem;\r\n        color: #e6c86a;\r\n        text-transform: uppercase;\r\n        animation: epicReveal 2.5s infinite alternate ease-in-out;\r\n        text-shadow: 0 6px 0 #8b7322, 0 15px 30px rgba(230, 200, 106, 0.4);\r\n    }\r\n    .loader-circle {\r\n        margin-top: 40px;\r\n        width: 50px;\r\n        height: 50px;\r\n        border: 4px solid #1f1f1f;\r\n        border-top: 4px solid #e6c86a;\r\n        border-radius: 50%;\r\n        animation: spin 1s linear infinite;\r\n        box-shadow: 0 0 15px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    \/* BACKGROUND VIDEO & OVERLAY *\/\r\n    .bg-video {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        z-index: 1;\r\n    }\r\n    .bg-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(180deg, rgba(8,8,8,0.85) 0%, rgba(15,15,15,0.6) 50%, rgba(5,5,5,0.95) 100%);\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* LAYOUT UTAMA *\/\r\n    .lg-container {\r\n        position: absolute;\r\n        z-index: 10;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        padding: 30px 50px;\r\n    }\r\n\r\n    \/* NAVBAR *\/\r\n    .lg-nav {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n    .lg-logo {\r\n        font-size: 2.5rem;\r\n        letter-spacing: 2px;\r\n        text-shadow: 3px 3px 0 #8b7322, 0 5px 15px rgba(0,0,0,0.9);\r\n    }\r\n    .lg-nav-center {\r\n        display: flex;\r\n        gap: 20px;\r\n    }\r\n\r\n    \/* 3D BUTTONS *\/\r\n    .lg-btn {\r\n        background: linear-gradient(180deg, #2a2a2a 0%, #151515 100%);\r\n        border: 2px solid #a88a32;\r\n        border-bottom: 6px solid #735e1d; \r\n        color: #e6c86a;\r\n        padding: 10px 25px;\r\n        font-family: 'Jaro', sans-serif;\r\n        font-size: 1.1rem;\r\n        cursor: pointer;\r\n        border-radius: 8px;\r\n        text-transform: uppercase;\r\n        box-shadow: 0 8px 15px rgba(0,0,0,0.6);\r\n        transition: all 0.1s ease;\r\n        text-shadow: 1px 1px 2px #000;\r\n        letter-spacing: 1px;\r\n    }\r\n    .lg-btn:hover {\r\n        background: linear-gradient(180deg, #333 0%, #1a1a1a 100%);\r\n        border-color: #d4af37;\r\n    }\r\n    .lg-btn:active {\r\n        transform: translateY(4px);\r\n        border-bottom: 2px solid #735e1d;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.8);\r\n        margin-bottom: 4px;\r\n    }\r\n\r\n    .lg-nav-right {\r\n        display: flex;\r\n        gap: 15px;\r\n    }\r\n    .lg-icon {\r\n        width: 45px;\r\n        height: 45px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background: linear-gradient(180deg, #2a2a2a 0%, #151515 100%);\r\n        border: 2px solid #444;\r\n        border-bottom: 5px solid #222;\r\n        border-radius: 8px;\r\n        color: white;\r\n        text-decoration: none;\r\n        box-shadow: 0 5px 10px rgba(0,0,0,0.5);\r\n        transition: all 0.1s ease;\r\n    }\r\n    .lg-icon:hover {\r\n        border-color: #a88a32;\r\n        border-bottom-color: #735e1d;\r\n        color: #e6c86a;\r\n    }\r\n    .lg-icon:active {\r\n        transform: translateY(3px);\r\n        border-bottom: 2px solid #222;\r\n        box-shadow: 0 1px 3px rgba(0,0,0,0.8);\r\n    }\r\n    .lg-icon svg {\r\n        width: 20px;\r\n        height: 20px;\r\n        fill: currentColor;\r\n    }\r\n\r\n    \/* BOTTOM SECTION *\/\r\n    .lg-bottom {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: flex-end;\r\n    }\r\n    .lg-bottom-left {\r\n        max-width: 550px;\r\n        background: linear-gradient(135deg, rgba(20,20,20,0.95), rgba(10,10,10,0.95));\r\n        padding: 25px;\r\n        border: 2px solid #333;\r\n        border-radius: 12px;\r\n        box-shadow: 10px 10px 0px rgba(0,0,0,0.8);\r\n    }\r\n    .lg-bottom-left h2 {\r\n        font-size: 2.2rem;\r\n        margin-bottom: 12px;\r\n    }\r\n    .lg-bottom-left p {\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n        color: #cccccc;\r\n        margin-bottom: 25px;\r\n        font-weight: 400;\r\n    }\r\n    \r\n    \/* CA BUTTON 3D *\/\r\n    .ca-box {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #0f0f0f;\r\n        border: 2px solid #444;\r\n        border-radius: 8px;\r\n        box-shadow: inset 0 3px 6px rgba(0,0,0,0.8), 0 5px 10px rgba(0,0,0,0.5);\r\n        overflow: hidden;\r\n    }\r\n    .ca-text {\r\n        padding: 12px 20px;\r\n        font-family: monospace;\r\n        font-size: 0.9rem;\r\n        color: #999;\r\n        font-weight: 600;\r\n        letter-spacing: 0.5px;\r\n    }\r\n    .ca-copy-btn {\r\n        background: linear-gradient(180deg, #a88a32 0%, #735e1d 100%);\r\n        border: none;\r\n        border-left: 2px solid #444;\r\n        color: #111;\r\n        padding: 12px 25px;\r\n        cursor: pointer;\r\n        font-family: 'Jaro', sans-serif;\r\n        font-size: 1.1rem;\r\n        letter-spacing: 1px;\r\n        transition: all 0.1s ease;\r\n    }\r\n    .ca-copy-btn:hover {\r\n        background: linear-gradient(180deg, #e6c86a 0%, #a88a32 100%);\r\n    }\r\n    .ca-copy-btn:active {\r\n        background: #735e1d;\r\n    }\r\n\r\n    \/* ABOUT CARD 3D (BOTTOM RIGHT) *\/\r\n    .lg-about-card {\r\n        width: 280px;\r\n        background-color: #151515;\r\n        border: 3px solid #555;\r\n        border-radius: 12px;\r\n        padding: 12px;\r\n        cursor: pointer;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.2s ease;\r\n        box-shadow: 8px 8px 0px #080808, 0 15px 30px rgba(0,0,0,0.8);\r\n    }\r\n    \r\n    \/* Tekstur DOT (Titik) *\/\r\n    .lg-about-card::before, .lg-modal-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; bottom: 0;\r\n        background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1.5px, transparent 1.5px);\r\n        background-size: 12px 12px;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .lg-about-card:hover {\r\n        transform: translate(-3px, -3px);\r\n        border-color: #a88a32;\r\n        box-shadow: 11px 11px 0px #080808, 0 20px 40px rgba(0,0,0,0.9);\r\n    }\r\n    .lg-about-card:active {\r\n        transform: translate(2px, 2px);\r\n        box-shadow: 4px 4px 0px #080808, 0 5px 15px rgba(0,0,0,0.9);\r\n    }\r\n    \r\n    .lg-card-img {\r\n        width: 100%;\r\n        height: 150px;\r\n        object-fit: cover;\r\n        border-radius: 6px;\r\n        margin-bottom: 12px;\r\n        position: relative;\r\n        z-index: 2;\r\n        border: 2px solid #000;\r\n        box-shadow: inset 0 0 10px #000;\r\n        filter: grayscale(40%) contrast(110%);\r\n        transition: filter 0.3s ease;\r\n    }\r\n    .lg-about-card:hover .lg-card-img {\r\n        filter: grayscale(0%) contrast(120%);\r\n    }\r\n    .lg-card-title {\r\n        font-size: 1.4rem;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 2;\r\n        margin-bottom: 5px;\r\n        letter-spacing: 1px;\r\n    }\r\n    .lg-card-subtitle {\r\n        font-size: 0.75rem;\r\n        text-align: center;\r\n        color: #999;\r\n        position: relative;\r\n        z-index: 2;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        background: #0a0a0a;\r\n        display: inline-block;\r\n        padding: 4px 10px;\r\n        border-radius: 4px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        border: 1px solid #333;\r\n    }\r\n\r\n    \/* MODALS SOLID 3D *\/\r\n    .lg-modal-overlay {\r\n        position: fixed;\r\n        inset: 0;\r\n        background: rgba(0, 0, 0, 0.92); \r\n        z-index: 99999;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s ease;\r\n    }\r\n    .lg-modal-overlay.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n    .lg-modal-box {\r\n        background: #111;\r\n        border: 4px solid #333;\r\n        width: 90%;\r\n        max-width: 550px;\r\n        padding: 35px 30px;\r\n        border-radius: 12px;\r\n        position: relative;\r\n        transform: scale(0.9) translateY(30px);\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        box-shadow: 15px 15px 0px #050505, 0 30px 60px rgba(0,0,0,1);\r\n    }\r\n    \r\n    \/* Modifikasi ukuran Modal About agar memuat layout horizontal *\/\r\n    #modal-about .lg-modal-box {\r\n        max-width: 750px;\r\n    }\r\n\r\n    .lg-modal-overlay.active .lg-modal-box {\r\n        transform: scale(1) translateY(0);\r\n        border-color: #a88a32;\r\n    }\r\n    \r\n    \/* 3D Close Button *\/\r\n    .lg-modal-close {\r\n        position: absolute;\r\n        top: -15px;\r\n        right: -15px;\r\n        width: 40px;\r\n        height: 40px;\r\n        background: #1a1a1a;\r\n        border: 2px solid #a88a32;\r\n        border-bottom: 4px solid #735e1d;\r\n        color: #e6c86a;\r\n        font-size: 1.5rem;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        z-index: 10;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        box-shadow: 0 5px 10px rgba(0,0,0,0.8);\r\n        transition: all 0.1s;\r\n    }\r\n    .lg-modal-close:hover {\r\n        background: #222;\r\n        color: #fff;\r\n    }\r\n    .lg-modal-close:active {\r\n        transform: translateY(2px);\r\n        border-bottom: 2px solid #735e1d;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .lg-modal-content {\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n    .lg-modal-title {\r\n        font-size: 2rem;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n        background: #0a0a0a;\r\n        padding: 10px;\r\n        border: 2px solid #333;\r\n        border-radius: 8px;\r\n        box-shadow: inset 0 2px 10px rgba(0,0,0,0.8);\r\n        letter-spacing: 1px;\r\n    }\r\n    .lg-modal-desc {\r\n        font-size: 0.95rem;\r\n        color: #ddd;\r\n        line-height: 1.7;\r\n        text-align: center;\r\n        margin-bottom: 25px;\r\n        font-weight: 600;\r\n        background: #151515;\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        border: 1px solid #222;\r\n    }\r\n\r\n    \/* ABOUT MODAL HORIZONTAL LAYOUT *\/\r\n    .about-horizontal-layout {\r\n        display: flex;\r\n        gap: 25px;\r\n        align-items: center;\r\n    }\r\n    .about-horizontal-layout .lg-about-img {\r\n        width: 45%;\r\n        height: 250px;\r\n        object-fit: cover;\r\n        border-radius: 8px;\r\n        border: 3px solid #222;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.8);\r\n        margin: 0; \r\n    }\r\n    .about-horizontal-layout .about-text-content {\r\n        width: 55%;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n    .about-horizontal-layout .lg-modal-title {\r\n        text-align: left;\r\n        font-size: 1.8rem;\r\n    }\r\n    .about-horizontal-layout .lg-modal-desc {\r\n        text-align: left;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    \/* 3D MINI CARDS UNTUK POP UP *\/\r\n    .lg-mini-card-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr;\r\n        gap: 12px;\r\n    }\r\n    .lg-mini-card {\r\n        background: linear-gradient(180deg, #1f1f1f 0%, #151515 100%);\r\n        border: 2px solid #333;\r\n        border-bottom: 4px solid #000;\r\n        padding: 15px 20px;\r\n        border-radius: 8px;\r\n        font-size: 0.9rem;\r\n        color: #ccc;\r\n        font-weight: 600;\r\n        display: flex;\r\n        align-items: center;\r\n        box-shadow: 0 5px 10px rgba(0,0,0,0.5);\r\n        transition: all 0.2s;\r\n    }\r\n    .lg-mini-card:hover {\r\n        border-color: #555;\r\n        transform: translateX(5px);\r\n        background: linear-gradient(180deg, #252525 0%, #1a1a1a 100%);\r\n    }\r\n    .lg-mini-card strong {\r\n        color: #e6c86a;\r\n        margin-right: 10px;\r\n        font-family: 'Jaro', sans-serif;\r\n        letter-spacing: 1px;\r\n        font-size: 1.2rem;\r\n        text-shadow: 1px 1px 0px #000;\r\n    }\r\n\r\n    \/* ANIMATIONS *\/\r\n    @keyframes epicReveal {\r\n        0% { \r\n            opacity: 0.6; \r\n            transform: scale(0.95); \r\n            letter-spacing: 2px;\r\n            text-shadow: 0 6px 0 #8b7322, 0 0 10px rgba(230, 200, 106, 0.2); \r\n        }\r\n        100% { \r\n            opacity: 1; \r\n            transform: scale(1); \r\n            letter-spacing: 12px;\r\n            text-shadow: 0 6px 0 #8b7322, 0 0 40px rgba(230, 200, 106, 0.9); \r\n        }\r\n    }\r\n    @keyframes spin {\r\n        100% { transform: rotate(360deg); }\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n    @media (max-width: 768px) {\r\n        .lg-container { padding: 20px; }\r\n        .lg-nav { flex-direction: column; gap: 20px; }\r\n        .lg-bottom { flex-direction: column; align-items: center; gap: 35px; text-align: center; }\r\n        .lg-bottom-left { box-shadow: 5px 5px 0px rgba(0,0,0,0.8); }\r\n        .lg-about-card { width: 100%; max-width: 320px; }\r\n        .lg-modal-box { padding: 25px 20px; }\r\n        \r\n        \/* Mobile adjustment for About Horizontal *\/\r\n        .about-horizontal-layout {\r\n            flex-direction: column;\r\n        }\r\n        .about-horizontal-layout .lg-about-img {\r\n            width: 100%;\r\n            height: 200px;\r\n        }\r\n        .about-horizontal-layout .about-text-content {\r\n            width: 100%;\r\n        }\r\n        .about-horizontal-layout .lg-modal-title, \r\n        .about-horizontal-layout .lg-modal-desc {\r\n            text-align: center;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"largoat-universe\">\r\n    \r\n    <!-- LOADING SCREEN -->\r\n    <div id=\"lg-loader\">\r\n        <h1 class=\"title-font loader-text\">LARGOAT<\/h1>\r\n        <div class=\"loader-circle\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- BACKGROUND VIDEO -->\r\n    <video autoplay muted loop playsinline class=\"bg-video\">\r\n        <source src=\"https:\/\/largoat.fun\/wp-content\/uploads\/2026\/08\/largoatbg.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <div class=\"bg-overlay\"><\/div>\r\n\r\n    <!-- MAIN LAYOUT -->\r\n    <div class=\"lg-container\">\r\n        \r\n        <!-- NAVBAR -->\r\n        <nav class=\"lg-nav\">\r\n            <div class=\"lg-logo title-font gold-text\">Largoat<\/div>\r\n            <div class=\"lg-nav-center\">\r\n                <button class=\"lg-btn\" onclick=\"openLargoatModal('modal-tokenomics')\">The Supply<\/button>\r\n                <button class=\"lg-btn\" onclick=\"openLargoatModal('modal-buy')\">Saddle Up<\/button>\r\n            <\/div>\r\n            <div class=\"lg-nav-right\">\r\n                <!-- X \/ Twitter SVG -->\r\n                <a href=\"#\" class=\"lg-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.004 3.974H5.053z\"\/><\/svg>\r\n                <\/a>\r\n                <!-- Telegram SVG -->\r\n                <a href=\"#\" class=\"lg-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.888-.662 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z\"\/><\/svg>\r\n                <\/a>\r\n                <!-- Chart (DexScreener\/Dextools) SVG -->\r\n                <a href=\"#\" class=\"lg-icon\">\r\n                    <svg viewBox=\"0 0 24 24\"><path d=\"M3 3v18h18v-2H5V3H3zm14 4l-4.5 4.5L10 9l-4 4 1.5 1.5L10 12l2.5 2.5L18.5 8.5 17 7z\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/nav>\r\n\r\n        <!-- BOTTOM AREA -->\r\n        <div class=\"lg-bottom\">\r\n            <div class=\"lg-bottom-left\">\r\n                <h2 class=\"title-font gold-text\">LARGOAT: The Ride of a Lifetime<\/h2>\r\n                <p>The greatest adventures are never planned. They\u2019re ridden. Join the wandering goat rider on an epic journey.<\/p>\r\n                <div class=\"ca-box\">\r\n                    <span class=\"ca-text\" id=\"lg-ca\">0x0000000000000000000000000000LARGOAT<\/span>\r\n                    <button class=\"ca-copy-btn\" onclick=\"copyLargoatCA()\">COPY<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"lg-bottom-right\">\r\n                <!-- THE ABOUT CARD (TRIGGER MODAL) -->\r\n                <div class=\"lg-about-card\" onclick=\"openLargoatModal('modal-about')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/largoat.fun\/wp-content\/uploads\/2026\/08\/Asset-5.png\" alt=\"Largoat Art\" class=\"lg-card-img\">\r\n                    <h3 class=\"lg-card-title title-font gold-text\">The Legend<\/h3>\r\n                    <div class=\"lg-card-subtitle\">Click to reveal<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MODAL ABOUT (HORIZONTAL LAYOUT) -->\r\n    <div class=\"lg-modal-overlay\" id=\"modal-about\">\r\n        <div class=\"lg-modal-box\">\r\n            <button class=\"lg-modal-close\" onclick=\"closeLargoatModal('modal-about')\">&times;<\/button>\r\n            <div class=\"lg-modal-content about-horizontal-layout\">\r\n                <img decoding=\"async\" src=\"https:\/\/largoat.fun\/wp-content\/uploads\/2026\/08\/Asset-5.png\" alt=\"Largoat Legend\" class=\"lg-about-img\">\r\n                <div class=\"about-text-content\">\r\n                    <h2 class=\"lg-modal-title title-font gold-text\">The Green Wanderer<\/h2>\r\n                    <p class=\"lg-modal-desc\">\r\n                        Not a chosen hero, just a wanderer with a lute and a fearless ram. We cross impossible mountains. No prophecy\u2014just the ride. The LARGOAT legend starts right here.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MODAL TOKENOMICS -->\r\n    <div class=\"lg-modal-overlay\" id=\"modal-tokenomics\">\r\n        <div class=\"lg-modal-box\">\r\n            <button class=\"lg-modal-close\" onclick=\"closeLargoatModal('modal-tokenomics')\">&times;<\/button>\r\n            <div class=\"lg-modal-content\">\r\n                <h2 class=\"lg-modal-title title-font gold-text\">The Journey's Stash<\/h2>\r\n                <p class=\"lg-modal-desc\">Pack light, hold tight, and ride the ram beyond the horizon.<\/p>\r\n                <div class=\"lg-mini-card-grid\">\r\n                    <div class=\"lg-mini-card\"><strong>Ticker:<\/strong> $LARGOAT<\/div>\r\n                    <div class=\"lg-mini-card\"><strong>Taxes:<\/strong> 0% Buy \/ 0% Sell. No hidden paths.<\/div>\r\n                    <div class=\"lg-mini-card\"><strong>Supply:<\/strong> 100% Community-driven trek to the peak.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- MODAL HOW TO BUY -->\r\n    <div class=\"lg-modal-overlay\" id=\"modal-buy\">\r\n        <div class=\"lg-modal-box\">\r\n            <button class=\"lg-modal-close\" onclick=\"closeLargoatModal('modal-buy')\">&times;<\/button>\r\n            <div class=\"lg-modal-content\">\r\n                <h2 class=\"lg-modal-title title-font gold-text\">Forge Your Path<\/h2>\r\n                <div class=\"lg-mini-card-grid\">\r\n                    <div class=\"lg-mini-card\"><strong>1. Wallet:<\/strong> Create a Web3 wallet (Phantom\/Metamask).<\/div>\r\n                    <div class=\"lg-mini-card\"><strong>2. Crypto:<\/strong> Fund your wallet with the base currency.<\/div>\r\n                    <div class=\"lg-mini-card\"><strong>3. Connect:<\/strong> Head to a DEX.<\/div>\r\n                    <div class=\"lg-mini-card\"><strong>4. Swap:<\/strong> Exchange your crypto for $LARGOAT.<\/div>\r\n                    <div class=\"lg-mini-card\"><strong>5. Ride:<\/strong> Saddle up, grab your lute, and never turn back!<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- SCRIPT LOGIC -->\r\n<script>\r\n    \/\/ 1. Loading Screen Animasi\r\n    window.addEventListener('load', function() {\r\n        const loader = document.getElementById('lg-loader');\r\n        setTimeout(() => {\r\n            loader.style.opacity = '0';\r\n            loader.style.visibility = 'hidden';\r\n        }, 1200); \/\/ Waktu diperpanjang sedikit agar efek breathing lebih terasa\r\n    });\r\n\r\n    \/\/ 2. Modal Functions\r\n    function openLargoatModal(modalId) {\r\n        document.getElementById(modalId).classList.add('active');\r\n    }\r\n    function closeLargoatModal(modalId) {\r\n        document.getElementById(modalId).classList.remove('active');\r\n    }\r\n\r\n    \/\/ Close modal bila click di luar box\r\n    document.querySelectorAll('.lg-modal-overlay').forEach(overlay => {\r\n        overlay.addEventListener('click', function(e) {\r\n            if(e.target === this) {\r\n                this.classList.remove('active');\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ 3. Copy CA Function\r\n    function copyLargoatCA() {\r\n        const caText = document.getElementById('lg-ca').innerText;\r\n        const copyBtn = document.querySelector('.ca-copy-btn');\r\n        \r\n        navigator.clipboard.writeText(caText).then(() => {\r\n            const originalText = copyBtn.innerText;\r\n            \/\/ State Copied\r\n            copyBtn.innerText = 'COPIED!';\r\n            copyBtn.style.background = '#28a745'; \/\/ Hijau success\r\n            copyBtn.style.color = '#fff';\r\n            \r\n            setTimeout(() => {\r\n                \/\/ Return to original\r\n                copyBtn.innerText = originalText;\r\n                copyBtn.style.background = '';\r\n                copyBtn.style.color = '';\r\n            }, 2000);\r\n        }).catch(err => {\r\n            console.error('Failed to copy CA: ', err);\r\n        });\r\n    }\r\n<\/script>\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>LARGOAT Largoat The Supply Saddle Up LARGOAT: The Ride of a Lifetime The greatest adventures are never planned. They\u2019re ridden. Join the wandering goat rider on an epic journey. 0x0000000000000000000000000000LARGOAT COPY The Legend Click to reveal &times; The Green Wanderer Not a chosen hero, just a wanderer with a lute and a fearless ram. We [&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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/largoat.fun\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/largoat.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/largoat.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/largoat.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/largoat.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":19,"href":"https:\/\/largoat.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/largoat.fun\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/largoat.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}